webpack DllPlugin xxx is not defined解决办法

前端之家收集整理的这篇文章主要介绍了webpack DllPlugin xxx is not defined解决办法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

造成这个错误主要有3个可能的原因:

  • context上下文不一致
  • library和name 不一致
  • 生成的dll文件没加入到html文件

dll.config.js

module.exports = {
  mode:"production",output: {
    path:path.resolve(__dirname,'../dist'),filename: '[name].dll.js',library: dllName,//这里需要和DllPlugin option.name 一致
  },entry: {
    "lib": vendors,},plugins: [
    new webpack.DllPlugin({
      path:path.resolve(__dirname,'../dist/manifest.json'),name: dllName,context: __dirname,//上下文必填
    }),new CleanWebpackPlugin([`./dist/*.dll.js`,`./dist/*.json`],{ root: path.resolve(__dirname,"../") }),]
 }

webpack.config.js

 new webpack.DllReferencePlugin({
   context: __dirname,//这个上下文对应DllPlugin
   manifest: require('../dist/manifest.json')}
   ),new AddAssetHtmlPlugin(
    [
      {
        filepath: "./dist/*.dll.js",//将生成的dll文件加入到index.html中
      },]
  ),

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

猜你在找的JavaScript相关文章