Vue.config.js

Vue.config.js

vue.config.js 是 vue-cli 创建出来的项目的配置文件

在 vue.config.js 这个配置文件中，可以对整个项目的打包、构建进行全局性的配置

由于 webpack 在进行打包时，底层用到了node.js

因此在 vue.config.js 配置文件中，可以导入并使用 node.js中的核心模块

打开项目

经过 webpack 上线打包的项目默认认为是线上环境打开，因此只能http或https协议中打开

双击打开为本地文件因此不能打开

// vue.config.js

module.exports = {
 //publicPath的默认值时'/'，需要进行配置才能将打包好的项目在本地打开
 
 publicPath: './'
 //或 publicPath: ''
};

修改vant主题

// vue.config.js

const path = require('path')
const themePath = path.join(__dirname, './src/theme.less')
//自己配置的vant主题less文件

module.exports = {
  css: {
    loaderOptions: {
      less: {
        // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
        lessOptions: {
          modifyVars: {
            // 或者可以通过 less 文件覆盖（文件路径为绝对路径） 因此需要path模块进行路径拼接
            hack: `true; @import "${ themePath }";`,
          },
        },
      },
    },
  },
};