如何在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,];
    },