vue-cli怎么使用css-loader

html-css020

vue-cli怎么使用css-loader,第1张

发现根本不需要再配置

这些了 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 对象

这样运行就不会报错了。