50 lines
1.2 KiB
JavaScript
50 lines
1.2 KiB
JavaScript
const {defineConfig} = require('@vue/cli-service')
|
|
const postcssPxToViewport = require('postcss-px-to-viewport')
|
|
const path = require('path') // 需要引入 path 模块
|
|
|
|
module.exports = defineConfig({
|
|
publicPath: './',
|
|
transpileDependencies: false,
|
|
lintOnSave: false,
|
|
devServer: {
|
|
client: {
|
|
overlay: false,
|
|
},
|
|
},
|
|
configureWebpack: (config) => {
|
|
//调试JS
|
|
config.devtool = 'source-map'
|
|
config.resolve = {
|
|
alias: {
|
|
'@': path.resolve(__dirname, 'src'),
|
|
},
|
|
}
|
|
},
|
|
css: {
|
|
loaderOptions: {
|
|
postcss: {
|
|
postcssOptions: {
|
|
// 增加这一层 postcssOptions
|
|
plugins: [
|
|
postcssPxToViewport({
|
|
unitToConvert: 'px',
|
|
viewportWidth: 1920,
|
|
unitPrecision: 6,
|
|
viewportUnit: 'vw',
|
|
fontViewportUnit: 'vw',
|
|
propList: ['*'],
|
|
selectorBlackList: ['ignore-'],
|
|
minPixelValue: 1,
|
|
mediaQuery: false,
|
|
replace: true,
|
|
exclude: /(\/|\\)(node_modules)(\/|\\)/,
|
|
include: [],
|
|
landscape: false,
|
|
}),
|
|
],
|
|
},
|
|
},
|
|
},
|
|
},
|
|
})
|