捆绑多个外部javascript脚本

时间:2018-09-16 15:20:21

标签: angular webpack

我的bundle angular app有一个问题,因为angularjquery应该在其他客户端文件之前加载,例如控制器。当我尝试将束状星文件和外部的角文件捆绑在一起时,出现错误“未定义角文件”。看一下我的webpack配置,我向我解释了如何在其他文件之前捆绑angular和jquery:

webpack.config.js

module.exports = {
entry: './public/app/controllers/ctrl.js',
output: {
    path: `${__dirname}/public/app/dist`,
    filename: 'bundle.js'
},
watch: true,
externals: {
  jquery: 'jQuery',
  angular: 'angular'
},
module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env']
          }
        }
      }
    ]
  }
}

0 个答案:

没有答案