vue-cli3.0配置webpack的配置

以你之姓@ 2023-02-18 01:44 13阅读 0赞

## 1. 在项目根目录创建vue.config.js文件 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTIxNzU0MQ_size_16_color_FFFFFF_t_70]

## 2. 代码如下 ##

module.exports = {
        
        // 输出文件目录
        outputDir: 'dist',
        // eslint-loader 是否在保存的时候检查
        lintOnSave: true,
        // use the full build with in-browser compiler?
        // https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only
        // compiler: false,
        // webpack配置
        // see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
        chainWebpack: () => {},
        configureWebpack: () => {},
        // vue-loader 配置项
        // https://vue-loader.vuejs.org/en/options.html
        // vueLoader: {},
        // 生产环境是否生成 sourceMap 文件
        productionSourceMap: true,
        // css相关配置
        css: {
         // 是否使用css分离插件 ExtractTextPlugin
         extract: true,
         // 开启 CSS source maps?
         sourceMap: false,
         // css预设器配置项
         loaderOptions: {},
         // 启用 CSS modules for all css / pre-processor files.
         modules: false
        },
        // use thread-loader for babel & TS in production build
        // enabled by default if the machine has more than 1 cores
        parallel: require('os').cpus().length > 1,
        // 是否启用dll
        // See https://github.com/vuejs/vue-cli/blob/dev/docs/cli-service.md#dll-mode
        // dll: false,
        // PWA 插件相关配置
        // see https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
        pwa: {},
        // webpack-dev-server 相关配置
        devServer: {
         open: process.platform === 'darwin',
         host: '0.0.0.0',
         port: 8081,
         https: false,
         hotOnly: false,
         proxy: null, // 设置代理
         before: app => {}
        },
        // 第三方插件配置
        pluginOptions: {
         // ...
        }
       }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTIxNzU0MQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200615092425929.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTIxNzU0MQ==,size_16,color_FFFFFF,t_70