webpack DllPlugin xxx is not defined解決辦法

更新時(shí)間：2019年12月13日 09:17:04 作者：ZoeLee

這篇文章主要介紹了webpack DllPlugin xxx is not defined解決辦法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

造成這個(gè)錯(cuò)誤主要有3個(gè)可能的原因：

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, //這個(gè)上下文對(duì)應(yīng)DllPlugin
   manifest: require('../dist/manifest.json')}
   ),
   new AddAssetHtmlPlugin( 
    [
      {
        filepath: "./dist/*.dll.js", //將生成的dll文件加入到index.html中
      },
    ]
  ),

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

分享幾個(gè)JavaScript運(yùn)算符的使用技巧
這篇文章主要介紹了分享幾個(gè)JavaScript運(yùn)算符的使用技巧，幫助大家更好的理解和學(xué)習(xí)使用JavaScript，感興趣的朋友可以了解下
2021-04-04
Javascript獲取某個(gè)月的天數(shù)
本文給大家分享使用getDaysInOneMonth(year, month)方法獲取某個(gè)月的天數(shù)，方法超簡(jiǎn)單，感興趣的朋友一起看看吧
2018-05-05
通過js把一個(gè)數(shù)組修改成多層嵌套多個(gè)數(shù)組的幾種方法總結(jié)
這篇文章主要介紹了通過js把一個(gè)數(shù)組修改成多層嵌套多個(gè)數(shù)組的幾種方法總結(jié)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-06-06
js 中獲取制定的cook信息實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨s 中獲取制定的cook信息實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-11-11
Bootstrap自定義文件上傳下載樣式
這篇文章主要教大家如何使用Bootstrap自定義文件上傳下載樣式，感興趣的小伙伴們可以參考一下
2016-05-05
JavaScript原型鏈與繼承操作實(shí)例總結(jié)
這篇文章主要介紹了JavaScript原型鏈與繼承操作,結(jié)合實(shí)例形式總結(jié)分析了javascript原形鏈與繼承的相關(guān)概念、使用方法及操作注意事項(xiàng),需要的朋友可以參考下
2018-08-08
javascript中eval函數(shù)用法分析
這篇文章主要介紹了javascript中eval函數(shù)用法,實(shí)例分析了javascript中eval函數(shù)的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-04-04
基于JS實(shí)現(xiàn)一個(gè)簡(jiǎn)單的投票demo
這篇文章主要介紹了如何利用JavaScript實(shí)現(xiàn)一個(gè)簡(jiǎn)單的投票demo，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)有一定參考價(jià)值，需要的可以參考一下
2022-06-06
淺談js中的this問題
下面小編就為大家?guī)硪黄獪\談js中的this問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-08-08
Layui?table.render的使用示例詳解
Layui框架的table.render方法是用于渲染表格的核心功能,通過配置對(duì)象定義表格樣式、列和數(shù)據(jù)源,cols數(shù)組中的每個(gè)對(duì)象通過field屬性與數(shù)據(jù)源綁定,指定要顯示的數(shù)據(jù)字段,本文給大家介紹Layui?table.render的使用,感興趣的朋友一起看看吧
2024-09-09