账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    webpack.DllPlugin与webpack.DllReferencePlugin不生效
    28
    0

    webpack.dll.config.js代码如下:

    const path = require('path');
    const webpack = require('webpack');
    module.exports = {
    entry: {

      vendor: ['vue-router','vuex','iview','axios','vue']

    },
    output: {

    path: path.resolve(base.path),
    filename: '[name].dll.js',
    library: '[name]_library'

    },
    plugins: [

    new webpack.DllPlugin({
      path: path.resolve('../dist', '[name]-manifest.json'),
      name: '[name]_library'
    })

    ]
    };

    在webpack.prod.config.js中添加代码:

    plugins: [

    new webpack.DllReferencePlugin({
      manifest: require('../dist/vendor-manifest.json')
    })

    ]

    package.json文件中添加:
    "scripts": {

    "build:dll": "webpack --config build/webpack.dll.config.js"

    },

    基于vue-cli,代码如上所示,npm run build:dll 能正常把依赖单独打包出来,关键是npm run build打包还是会把这些依赖打包进去,感觉没生效?哪里有问题吗?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • ぃ她是我得心脏 普通会员 1楼

      webpack.DllPluginwebpack.DllReferencePlugin都是用于处理.dll扩展名的插件,但是它们的作用和使用场景不同。

      webpack.DllPlugin主要用于处理dll文件,例如,如果你有一个dll文件,你可能希望在打包的时候添加它。你可以通过webpack.dll.context来设置这个插件的context,然后在你的插件代码中使用context.dll来访问dll文件。

      webpack.DllReferencePlugin主要用于处理dll文件的引用。如果你有一个dll文件,你可能希望在打包的时候引用它。你可以通过webpack.dll reference来设置这个插件的reference,然后在你的插件代码中使用reference.dll来访问dll文件。

      如果你使用了这两个插件,但是它们不生效,那可能是因为你的插件版本过低,或者你的项目没有启用webpack.dll.contextwebpack.dll reference。你可以尝试更新你的插件到最新版本,或者在你的项目中启用这些插件。

      另外,你也可以尝试检查你的webpack.dll.contextwebpack.dll reference设置,确保它们是正确的。例如,你可能需要设置一个context.dll路径,或者一个reference.dll路径。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部