diff --git a/vue.config.js b/vue.config.js index 6ffcb72..44813e8 100644 --- a/vue.config.js +++ b/vue.config.js @@ -1,19 +1,33 @@ -const Setting = require('./src/setting.env') +// 引入等比适配插件 +const px2rem = require("postcss-px2rem"); + +// 配置基本大小 +const postcss = px2rem({ + // 基准大小 baseSize,需要和rem.js中相同 + remUnit: 16 +}); + +const Setting = require("./src/setting.env"); // 使用等比适配插件 module.exports = { - lintOnSave: true, - css: { - loaderOptions: { - sass: { - prependData: `@import "@/styles/var.scss";` - }, + lintOnSave: true, + css: { + loaderOptions: { + postcss: { + plugins: [ + postcss + ] + }, + sass: { + prependData: `@import "@/styles/var.scss";` + } + } + }, + publicPath: Setting.publicPath, + outputDir: Setting.outputDir, + assetsDir: Setting.assetsDir, + devServer: { + port: 8082 // 固定端口 } - }, - publicPath: Setting.publicPath, -  outputDir: Setting.outputDir, -  assetsDir: Setting.assetsDir, - devServer: { - port: 8082 // 固定端口 - } -} \ No newline at end of file +}; \ No newline at end of file