Webpack提供了Plugin和全局变量
我对webpack非常陌生,我注意到的第一件事是,我可以将jquery包装在下面的内容中,这样它就可以在我的javascript中全局使用,这很可爱。我想用我使用的其他框架来实现这一点,比如moment、accounting和我需要使用的任何插件,例如jQueryUI 由于幼稚和没有正确阅读网页,我只是尝试了以下方法,但似乎不起作用:Webpack提供了Plugin和全局变量,webpack,momentjs,Webpack,Momentjs,我对webpack非常陌生,我注意到的第一件事是,我可以将jquery包装在下面的内容中,这样它就可以在我的javascript中全局使用,这很可爱。我想用我使用的其他框架来实现这一点,比如moment、accounting和我需要使用的任何插件,例如jQueryUI 由于幼稚和没有正确阅读网页,我只是尝试了以下方法,但似乎不起作用: var path = require('path'); var webpack = require('webpack'); module.exports = {
var path = require('path');
var webpack = require('webpack');
module.exports = {
entry: './src/js/config.js',
output: {
path: path.resolve(__dirname, 'public/js'),
filename: 'main.build.js'
},
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
accounting: 'accounting',
moment: 'moment'
// jQuery: './src/vendor/jquery/dist/jquery.min',
// jqueryui : './src/vendor/jquery-ui/jquery-ui.min',
// listjs: './src/vendor/list.js/dist/list.min',
// moment: './src/vendor/moment/min/moment.min',
// nouislider: './src/vendor/nouislider/distribute/nouislider.min',
// accounting: './src/js/plugins/accounting',
// imagesLoaded: './src/vendor/imagesloaded/imagesloaded.pkgd.min',
// parsley: './src/vendor/parsleyjs/dist/parsley.min',
// urlQuery: './src/vendor/domurl/url.min'
}),
new webpack.ContextReplacementPlugin(/\.\/locale$/, 'empty-module', false, /js$/)
],
module: {
loaders: [
{
test: /\.js$/,
loader: "babel-loader",
query: {
presets: [ "babel-preset-es2015" ].map(require.resolve)
}
}
]
},
stats: {
colors: true
},
devtool: 'source-map'
};
这是我的自大,但我真的希望有人能帮助我,因为这将是非常好的,有这个东西在全球范围内提供,而不必导入到某些文件,我正试图将整个前端js堆栈转换为es6模块
提前谢谢 经过一段时间的摆弄,这确实很好。一旦通过npm安装了矩,这就太棒了。在通过npm安装矩后,这实际上现在可以工作了,但在浏览器中我得到了“Uncaught TypeError:无法设置未定义的属性‘矩’”——非常感谢您的帮助!需要注意的重要一点是,您需要通过npm安装它(它应该位于您的
节点\u模块中),并具有适当的大小写时刻:“时刻”