这些了 build/webpack.base.conf.js 中注意这一行:
module:{
rules:[
{
test: /\.vue$/,
loader: 'vue-loader',
options: vueLoaderConfig // vueLoaderConfig
},
]
}
其实vue-cli中已经完全配置好提取CSS到单独文件了具体配置可以查看文件 build/vue-loader.conf.js 中
使用时直接在.vue 文件中@import就好了
<style>
@import './assets/css/base.css'
//
</style>
这里用link的时候 除了路径问题外 style标签下的样式也会无效,具体为什么还不清楚
我的项目中引入import 'element-ui/lib/theme-chalk/index.css'会报警告
警告导致引入后的样式如下,这是不正确的效果。
警告如下:
意思是:elementui已经有了content的属性,请放弃覆盖他
解决:
原因在于vw适配,导致第三方ui库有问题
找到.postcssrc.js
删除 postcss-viewport-units 对象
这样运行就不会报错了。