首页 > webpack配置公共文件及js依赖问题

webpack配置公共文件及js依赖问题

最近在玩Vuejs,不可避免要学习webpack使用,然后被卡住了。
问题:
项目使用vuejs+webapck,但是webpack如何将框架级js打包成一个js文件,并使其有依赖关系?
注意,所有js并不是用npm安装的,而是直接放在静态文件夹里的。
比如有jquery.min.jsjquery-grid.js这两个框架公用性js,并且jquery-grid.js需要依赖jquerywebpack该怎么配置呢?
麻烦知道的大神详细指导,非常感谢!


//这是我要依赖的包,单独打包成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

【热门文章】
【热门文章】