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 相关文章推荐
CSS3实现动态背景登录框的代码
Jul 28 Javascript
JavaScript实现动态删除列表框值的方法
Aug 12 Javascript
javascript高级编程之函数表达式 递归和闭包函数
Nov 29 Javascript
基于jQuery实现页面搜索功能
Mar 26 Javascript
React-Native 组件之 Modal的使用详解
Aug 08 Javascript
jQuery实现的简单无刷新评论功能示例
Nov 08 jQuery
Vue的elementUI实现自定义主题方法
Feb 23 Javascript
Vue 中对图片地址进行拼接的方法
Sep 03 Javascript
微信小程序scroll-view横向滑动嵌套for循环的示例代码
Sep 20 Javascript
Vue监听页面刷新和关闭功能
Jun 20 Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
Jul 29 Javascript
详解Howler.js Web音频播放终极解决方案
Aug 23 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
截获网站title标签之家内容的例子
2006/10/09 PHP
PHP详解ASCII码对照表与字符转换
2011/12/05 PHP
php生成图片缩略图功能示例
2017/02/22 PHP
PHP实现财务审核通过后返现金额到客户的功能
2019/07/04 PHP
event.srcElement+表格应用
2006/08/29 Javascript
验证码按回车不变解决方法
2013/03/29 Javascript
jquery实现的一个导航滚动效果具体代码
2013/05/27 Javascript
Jquery.addClass始终无效原因分析
2013/09/08 Javascript
Jquery操作js数组及对象示例代码
2014/05/11 Javascript
js子页面获取父页面数据示例
2014/05/15 Javascript
js判断浏览器类型及设备(移动页面开发)
2015/07/30 Javascript
使用jQuery UI库开发Web界面的简单入门指引
2016/04/22 Javascript
JS实现简易刻度时钟示例代码
2017/03/11 Javascript
通过GASP让vue实现动态效果实例代码详解
2019/11/24 Javascript
vue excel上传预览和table内容下载到excel文件中
2019/12/10 Javascript
Vue 如何使用props、emit实现自定义双向绑定的实现
2020/06/05 Javascript
python自定义解析简单xml格式文件的方法
2015/05/11 Python
详解Python map函数及Python map()函数的用法
2017/11/16 Python
Django中间件工作流程及写法实例代码
2018/02/06 Python
python版opencv摄像头人脸实时检测方法
2018/08/03 Python
解决PyCharm控制台输出乱码的问题
2019/01/16 Python
Django文件存储 自己定制存储系统解析
2019/08/02 Python
Python获取时间范围内日期列表和周列表的函数
2019/08/05 Python
Python3批量创建Crowd用户并分配组
2020/05/20 Python
python 3.8.3 安装配置图文教程
2020/05/21 Python
Python实现哲学家就餐问题实例代码
2020/11/09 Python
HTML5之web workers_动力节点Java学院整理
2017/07/17 HTML / CSS
当一个对象被当作参数传递到一个方法后,此方法可改变这个对象的属性,并可返回变化后的结果,那么这里到底是值传递还是引用传递?
2014/09/09 面试题
大学生党员自我评价范文
2014/04/09 职场文书
新年寄语大全
2014/04/12 职场文书
民事诉讼授权委托书范文
2014/08/02 职场文书
黄河绝恋观后感
2015/06/08 职场文书
新闻稿件写作范文
2015/07/18 职场文书
高效笔记技巧分享:学会这些让你不再困扰
2019/09/04 职场文书
总结Python变量的相关知识
2021/06/28 Python