vue.config.js排除node_modules

可以通过在vue.config.js文件中添加以下内容来排除node_modules路径：
module.exports = {
transpileDependencies: [
'packageName',
],
chainWebpack: (config) => {
config.resolve.alias.set('node_modules', false);
},
};
这样配置后，webpack将不会打包node_modules路径下的文件。

相关问题

vue2怎么生成vue.config.js

要为Vue2项目生成vue.config.js文件，可以按照以下步骤进行操作：

1. 在Vue项目的根目录下创建一个名为vue.config.js的文件。
2. 打开vue.config.js文件并添加以下代码：

const IS_PROD = ['development', 'production'].includes(process.env.NODE_ENV)

module.exports = {
  publicPath: IS_PROD ? process.env.VUE_APP_PUBLIC_PATH : './',
  lintOnSave: false,
  runtimeCompiler: true,
  productionSourceMap: !IS_PROD,
  parallel: require('os').cpus().length > 1,
  pwa: {},
  chainWebpack: config => {
    const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
    config.resolve.alias.set('@', resolve('src'))
  }
}

3. 保存并关闭vue.config.js文件。

这样，你就成功生成了vue.config.js文件，并且可以在其中配置一些选项来自定义Vue项目的行为。请注意，这只是一个简单的示例配置，你可以根据自己的需求进行修改和扩展。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue - vue.config.js中devServer配置方式](https://download.csdn.net/download/weixin_38499336/12933067)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [Vue2.0教程 （三）vue.config配置](https://blog.csdn.net/qq_38120798/article/details/125976455)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [vue2之vue.config.js最全配置教程](https://blog.csdn.net/xhd11257339/article/details/124062188)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]

vue.config.js resolve

根据提供的引用内容，`vue.config.js`文件可以用于新增或修改webpack的plugins或rules。而`resolve`是webpack中用于配置模块如何解析的选项之一。在`vue.config.js`中，我们可以通过`configureWebpack`选项来配置webpack，进而配置`resolve`选项。具体方法如下所示：

// vue.config.js
module.exports = {
  configureWebpack: {
    resolve: {
      // 配置别名
      alias: {
        '@': '/src',
      },
      // 配置省略后缀名
      extensions: ['.js', '.vue', '.json'],
      // 配置模块路径
      modules: ['node_modules'],
    },
  },
};

上述代码中，我们通过`configureWebpack`选项来配置webpack，然后在其中配置了`resolve`选项。其中，`alias`用于配置模块的别名，`extensions`用于配置省略后缀名时的匹配规则，`modules`用于配置webpack在解析模块时应该搜索的目录。