微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在nuxt.config.js中扩展webpack> config> externals?

如何解决如何在nuxt.config.js中扩展webpack> config> externals?

因此,我需要在Rollup的{​​{1}}的{​​{1}}选项(external)中设置替代项

据我在external: path => /^three/.test( path )中所了解的,它称为Webpack,但是我不知道如何在webpack的{​​{1}}中进行设置。

externals似乎不起作用,即使在webpack文档中我已经看到了以下示例:

extend (config,ctx) {}

我在nuxt.config.js中的配置:

config.module.externals = /^three/

解决方法

我来这里是因为几个小时前有同样的问题,这对我有用:D

build: {
    extend(config,{ isDev,isClient }) {
      config.externals = function (context,request,callback) {
        if (/xlsx|canvg|pdfmake/.test(request)) {
          return callback(null,'commonjs ' + request)
        }
        callback()
      }
    },},

https://webpack.js.org/configuration/externals/

所以你不需要添加 config.module.external 因为配置是它自己的模块

    build: {

      extend(config,isClient }) {
        config.externals = [
          {
            // String
            react: 'react',// Object
            lodash: {
              commonjs: 'lodash',amd: 'lodash',root: '_',// indicates global variable
            },// [string]
            subtract: ['./math','subtract'],// Function
          function ({ context,request },callback) {
            if (/^yourregex$/.test(request)) {
              return callback(null,'commonjs ' + request);
            }
            callback();
          },// Regex
          /^(jquery|\$)$/i,];
    },

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。