Vue.js配置转Nuxt2.x遇问题：脚本找不到+别名位置存疑

完整Nuxt2配置方案 #

将以下内容写入你的nuxt.config.js：

const CopyWebpackPlugin = require('copy-webpack-plugin')
const path = require('path')

export default {
  // ... 其他Nuxt配置（如head、router等）
  build: {
    extend(config, { isDev, isClient }) {
      // 配置路径别名（对应原Vue配置chainWebpack中的alias）
      config.resolve.alias.set(
        'cornerstone-wado-image-loader',
        'cornerstone-wado-image-loader/dist/dynamic-import/cornerstoneWADOImageLoader.min.js'
      )

      // 可选：自定义babel-loader规则（Nuxt默认已处理js/jsx，无需额外配置可删除）
      config.module
        .rule('babel-loader')
        .test(/\.js|jsx$/)
        .use('babel-loader')
        .loader('babel-loader')
        .end()
    },
    plugins: [
      // 配置CopyWebpackPlugin复制静态资源
      new CopyWebpackPlugin({
        patterns: [
          {
            from: path.resolve(__dirname, 'node_modules/cornerstone-wado-image-loader/dist/dynamic-import'),
            // 开发模式复制到static目录（Nuxt会将static内容暴露在根路径）
            // 生产模式复制到dist目录（匹配原Vue配置的输出目录）
            to: process.env.NODE_ENV === 'production'
              ? path.resolve(__dirname, 'dist')
              : path.resolve(__dirname, 'static/cornerstone-worker'),
            noErrorOnMissing: true
          }
        ]
      })
    ]
  }
}

关键问题修复说明 #

• 路径别名配置位置：在build.extend方法中配置config.resolve.alias，这是Nuxt2中对应Vue chainWebpack的正确配置入口。
• Worker脚本缺失问题：
  原配置在开发模式下将文件复制到./_nuxt，但Nuxt的_nuxt是编译后代码目录，静态资源请求需指向根路径。改为复制到static/cornerstone-worker后，Worker脚本会被部署到http://localhost:3000/cornerstone-worker/路径下。
  若cornerstone-wado-image-loader默认从根路径加载Worker，可直接将文件复制到static根目录（修改to为path.resolve(__dirname, 'static')），或调整插件配置指定Worker加载路径为/cornerstone-worker/index.worker.min.worker.js。
• CopyWebpackPlugin语法兼容：确保使用v5+版本的语法（patterns数组），与原Vue配置保持一致，避免版本不兼容问题。

额外注意事项 #

• 修改配置后执行nuxt clean清除缓存，再启动开发服务。
• 确认copy-webpack-plugin版本与Nuxt2兼容（推荐v5.x，适配Nuxt2默认的webpack v4）。

内容的提问来源于stack exchange，提问作者Luiz Alves