vue-cli怎么使用css-loader

html-css056

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标签下的样式也会无效,具体为什么还不清楚

发现根本不需要再配置这些了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就好了@import'./assets/css/base.css'//这里用link的时候除了路径问题外style标签下的样式也会无效,具体为什么还不清楚