vue-cli 使用postcss-px2rem导致vue组件引入css失败
postcss-px2rem插件配置不当引起的;在vue-loader.config.js增加了两个配置'use strict'const utils = require('./utils')const config = require('../config')const isProduction = process.env.NODE_ENV === 'production'const s...
·
postcss-px2rem插件配置不当引起的;
在vue-loader.config.js增加了两个配置
在vue-loader.config.js增加了两个配置
'use strict' const utils = require('./utils') const config = require('../config') const isProduction = process.env.NODE_ENV === 'production' const sourceMapEnabled = isProduction ? config.build.productionSourceMap : config.dev.cssSourceMap module.exports = { loaders: utils.cssLoaders({ sourceMap: sourceMapEnabled, extract: isProduction, usePostCSS: true//这里设置为true,否则vue引入css会报错 }), postcss: [//postcss配置 require('postcss-px2rem')({remUnit: 37.5}), ], cssSourceMap: sourceMapEnabled, cacheBusting: config.dev.cacheBusting, transformToRequire: { video: ['src', 'poster'], source: 'src', img: 'src', image: 'xlink:href' } }
更多推荐
已为社区贡献14条内容
所有评论(0)