You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
// 引入等比适配插件
|
|
|
|
|
const px2rem = require('postcss-px2rem')
|
|
|
|
|
|
|
|
|
|
// 配置基本大小
|
|
|
|
|
const postcss = px2rem({
|
|
|
|
|
// 基准大小 baseSize，需要和rem.js中相同
|
|
|
|
|
remUnit: 16
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
// 使用等比适配插件
|
|
|
|
|
module.exports = {
|
|
|
|
|
lintOnSave: true,
|
|
|
|
|
css: {
|
|
|
|
|
loaderOptions: {
|
|
|
|
|
postcss: {
|
|
|
|
|
plugins: [
|
|
|
|
|
postcss
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
publicPath: process.env.NODE_ENV === "development" ? "./" : "",
|
|
|
|
|
outputDir: 'dist',
|
|
|
|
|
assetsDir: 'static',
|
|
|
|
|
lintOnSave: true,
|
|
|
|
|
devServer: {
|
|
|
|
|
port: 8087
|
|
|
|
|
},
|
|
|
|
|
productionSourceMap: false,
|
|
|
|
|
chainWebpack: config => {
|
|
|
|
|
config.module
|
|
|
|
|
.rule("images")
|
|
|
|
|
.use("image-webpack-loader")
|
|
|
|
|
.loader("image-webpack-loader")
|
|
|
|
|
.options({ bypassOnDebug: true })
|
|
|
|
|
.end();
|
|
|
|
|
}
|
|
|
|
|
}
|
