webpack DllPlugin xxx is not defined解決辦法
更新時間:2019年12月13日 09:17:04 作者:ZoeLee
這篇文章主要介紹了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中 }, ] ),
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- vue-cli5.0?webpack?采用?copy-webpack-plugin?打包復制文件的方法
- vue 解決uglifyjs-webpack-plugin打包出現(xiàn)報錯的問題
- html-webpack-plugin修改頁面的title的方法
- 深入webpack打包原理及l(fā)oader和plugin的實現(xiàn)
- 用npm安裝vue和vue-cli,并使用webpack創(chuàng)建項目的方法
- vue項目webpack中Npm傳遞參數(shù)配置不同域名接口
- 詳解node.js中的npm和webpack配置方法
- 如何基于webpack創(chuàng)建plugin并發(fā)布npm包
相關文章
JS使用隊列對數(shù)組排列,基數(shù)排序算法示例
這篇文章主要介紹了JS使用隊列對數(shù)組排列,基數(shù)排序算法,涉及javascript隊列的定義、使用,基數(shù)排序實現(xiàn)方法等相關操作技巧,需要的朋友可以參考下2019-03-03微信小程序自定義toast實現(xiàn)方法詳解【附demo源碼下載】
這篇文章主要介紹了微信小程序自定義toast實現(xiàn)方法,簡單描述了微信小程序自帶toast使用方法,并結合實例形式分析了自定義toast的定義與使用方法,需要的朋友可以參考下2017-11-11BootstrapTable+KnockoutJS自定義T4模板快速生成增刪改查頁面
這篇文章主要介紹了BootstrapTable+KnockoutJS自定義T4模板快速生成增刪改查頁面 的相關資料,需要的朋友可以參考下2016-08-08js操作CheckBoxList實現(xiàn)全選/反選(在客服端完成)
對于CheckBoxList控件來說,一方面要實現(xiàn)大量數(shù)據(jù)在服務器端的綁定工作,另一方面往往要求實現(xiàn)全選、反選等功能,接下來將介紹js操作CheckBoxList實現(xiàn)全選/反選,感興趣的朋友可以了解下,或許對你有所幫助2013-02-02引入autocomplete組件時JS報未結束字符串常量錯誤
在引入jQuery的autocomplete組件時,遇到js報未結束字符串常量錯誤,原因及解決方法如下,大家可以參考下2014-03-03