webpack DllPlugin xxx is not defined解决办法


Posted in Javascript onDecember 13, 2019

造成这个错误主要有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 相关文章推荐
基于jquery的无限级联下拉框js插件
Oct 29 Javascript
Node.js中使用mongoskin操作mongoDB实例
Sep 28 Javascript
Bootstrap组件学习之导航、标签、面包屑导航(精品)
May 17 Javascript
JS实用的带停顿的逐行文本循环滚动效果实例
Nov 23 Javascript
如何提高Dom访问速度
Jan 05 Javascript
vue.js 使用v-if v-else发现没有执行解决办法
May 15 Javascript
React Router v4 入坑指南(小结)
Apr 08 Javascript
解决vue js IOS H5focus无法自动弹出键盘的问题
Aug 30 Javascript
socket io与vue-cli的结合使用的示例代码
Nov 01 Javascript
微信小程序swiper使用网络图片不显示问题解决
Dec 13 Javascript
jQuery实现的图片点击放大缩小功能案例
Jan 02 jQuery
vue中v-for循环选中点击的元素并对该元素添加样式操作
Jul 17 Javascript
微信小程序关键字变色实现代码实例
Dec 13 #Javascript
Servlet返回的数据js解析2种方法
Dec 12 #Javascript
微信小程序实现横向滚动导航栏效果
Dec 12 #Javascript
微信小程序 scroll-view 实现锚点跳转功能
Dec 12 #Javascript
微信小程序scroll-view锚点链接滚动跳转功能
Dec 12 #Javascript
JavaScript实现文件下载并重命名代码实例
Dec 12 #Javascript
vue实现鼠标移过出现下拉二级菜单功能
Dec 12 #Javascript
You might like
PHP新手上路(十四)
2006/10/09 PHP
laravel 解决paginate查询多个字段报错的问题
2019/10/22 PHP
PHP之header函数详解
2021/03/02 PHP
JavaScript 代码压缩工具小结
2012/02/27 Javascript
Jquery获得控件值的三种方法总结
2014/02/13 Javascript
js实现兼容IE和FF的上下层的移动
2015/05/04 Javascript
Javascript实现网络监测的方法
2015/07/31 Javascript
jQuery实现大转盘抽奖活动仿QQ音乐代码分享
2015/08/21 Javascript
JS传值出现中文参数乱码的解决方法
2016/06/30 Javascript
前端框架Vue.js中Directive知识详解
2016/09/12 Javascript
javascript中json基础知识详解
2017/01/19 Javascript
jQuery extend()详解及简单实例
2017/05/06 jQuery
Vue微信项目按需授权登录策略实践思路详解
2018/05/07 Javascript
解决axios post 后端无法接收数据的问题
2019/10/29 Javascript
nodejs实现UDP组播示例方法
2019/11/04 NodeJs
keep-Alive搭配vue-router实现缓存页面效果的示例代码
2020/06/24 Javascript
js利用拖放实现添加删除
2020/08/27 Javascript
[03:00]DOTA2-DPC中国联赛1月18日Recap集锦
2021/03/11 DOTA
windows环境下tensorflow安装过程详解
2018/03/30 Python
python清除字符串中间空格的实例讲解
2018/05/11 Python
TensorFlow实现iris数据集线性回归
2018/09/07 Python
python3 unicode列表转换为中文的实例
2018/10/26 Python
win8.1安装Python 2.7版环境图文详解
2019/07/01 Python
弄清Pytorch显存的分配机制
2020/12/10 Python
HTML5计时器小例子
2013/10/15 HTML / CSS
伦敦一家非常流行的时尚精品店:Oxygen Boutique
2017/01/15 全球购物
Tarte Cosmetics官网:美国最受欢迎的化妆品公司之一
2017/08/24 全球购物
英国剑桥包中文官网:The Cambridge Satchel Company中国
2018/11/06 全球购物
25道Java面试题集合
2013/05/21 面试题
学生实习自我鉴定
2013/10/11 职场文书
应届生求职推荐信
2013/10/28 职场文书
领导党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
2014离婚协议书范文(3篇)
2014/11/29 职场文书
2015年工会工作总结
2015/03/30 职场文书
JS ES6异步解决方案
2021/04/29 Javascript
Python保存并浏览用户的历史记录
2022/04/29 Python