__webpack_require__(...) is not a function

使用webpack.DllReferencePlugin打包vue報錯

 

 之后看了官方文檔,多寫一個context屬性,在打包運行就OK了

生成DLL文件的配置文件 webpack.vendor.config.js

const path = require('path')

const webpack = require('webpack')

module.exports = {
  mode: 'development',
  entry: {
    vue: [
      'vue/dist/vue.js',
      'vue-router'
    ]

  },
  output: {
    path: path.resolve(__dirname, '../dist'),
    filename: '[name]_dll.js',
    library: '[name]_dll' // 會在全局暴露出vue_dll對象
  },

  plugins: [
    new webpack.DllPlugin({
      context: __dirname,
      name: '[name]_dll',
      path: path.resolve(__dirname, '../dist/manifest.json')
    })
  ]
}

 

webpack打包配置文件 webpack.config.js

插件中

new webpack.DllReferencePlugin({
      context: __dirname,
      manifest: path.resolve(__dirname, '../dist/manifest.json')
    }),