webpack2.0好像改变了配置文件的语法规则,通过vue-cli搭建的项目无法通过 loader: 'style-loader!css-loader'引入css文件,话不多说上图,上了官网用了官方的语法仍旧无效,处于懵逼状态,求解
这里应该是webpack1.x中的语法,无论是加上还是去掉-loader都没有起到效果
备注是官网所建议的写法,仍旧无效
以下为通过es6引入的css文件以及报错信息
webpack2.0好像改变了配置文件的语法规则,通过vue-cli搭建的项目无法通过 loader: 'style-loader!css-loader'引入css文件,话不多说上图,上了官网用了官方的语法仍旧无效,处于懵逼状态,求解
这里应该是webpack1.x中的语法,无论是加上还是去掉-loader都没有起到效果
备注是官网所建议的写法,仍旧无效
以下为通过es6引入的css文件以及报错信息
看vue build的源码就知道了
var webpackConfig = require('./webpack.dev.conf')//走的是webpack.dev.conf.js文件
module.exports = merge(baseWebpackConfig, {
module: {
//这里走的是utils.js
rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
},
exports.styleLoaders = function (options) {
var output = []
//调用的是cssLoaders方法,跟进去就会发现其他已经添加了css-loader
var loaders = exports.cssLoaders(options)
for (var extension in loaders) {
var loader = loaders[extension]
output.push({
test: new RegExp('\\.' + extension + '$'),
use: loader
})
}
return output
}
不知道有没有解释清楚
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答4.7k 阅读✓ 已解决
4 回答4.3k 阅读✓ 已解决
4 回答1.9k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
2 回答2.5k 阅读✓ 已解决
解决了,不配置css项就好了,也不知道为啥