javascript - webpack打包css报错，请问是什么原因

问题描述

问 题

已安装style-loader和css-loader,但是报

下面是我的配置和js

JS

var str=require('./app.js');
require('./css/style.css');
document.body.innerHTML='<div>'+str+'</div>'

配置文件

module.exports = {
entry: './app/index.js',
output: {
    path:'./bulid/',
    filename: 'build.js'
},
module:{
    loaders:[
        {
            test:'/\.css$/',
            loaders:['style','css'],
            exclude:'/node_modules/'
        }

    ]
}

};
已加载的库

{
  "name": "index",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "css-loader": "^0.27.1",
    "react": "^15.4.2",
    "style-loader": "^0.13.2",
    "webpack": "^2.2.1"
  }
}

解决方案

很明显，你的配置文件错了，你多了引号

    test: /\.css$/

这篇关于javascript - webpack打包css报错，请问是什么原因的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！