最近在玩Vuejs
,不可避免要学习webpack使用,然后被卡住了。
问题:
项目使用vuejs+webapck
,但是webpack
如何将框架级js打包成一个js文件,并使其有依赖关系?
注意,所有js并不是用npm安装的,而是直接放在静态文件夹里的。
比如有jquery.min.js
和jquery-grid.js
这两个框架公用性js,并且jquery-grid.js
需要依赖jquery
,webpack
该怎么配置呢?
麻烦知道的大神详细指导,非常感谢!
//这是我要依赖的包,单独打包成vendor.js
var dependencies = [
'vue',
'vuex',
'vue-router',
'vue-resource',
'lodash'
];
entry: {
app: './src/main.js',
vendor: dependencies
},
output: {
path: config.build.assetsRoot,
publicPath: config.build.assetsPublicPath,
filename: '[name].js'
},
plugins: [
new webpack.optimize.CommonsChunkPlugin({
name: "vendor",
minChunks : Infinity
}),
new webpack.ProvidePlugin({
// io: "socket.io",
// toastr :'toastr'
})
],
全部代码
https://github.com/papersnake/newdenfaces-vue/blob/master/build/webpack.base.conf.js