webpack 分离js和css css无效

Question

entry: './src/main.js',

// 输出
output: {
    path: path.join(__dirname, './build'),
    // 文件地址，使用绝对路径形式
    filename: '[name].js',
    //[name]这里是webpack提供的根据路口文件自动生成的名字
    publicPath: '/build/'
    // 公共文件生成的地址
},
 plugins: [
    // 设置生成css 的路径和文件名，会自动将对应entry入口js文件中引入的CSS抽出成单独的文件
    new ExtractTextPlugin('./css/[name].css')
],

生成的文件是对的

但是css在html无效了，这是怎么回事。把main.css和main.js打包都一块儿，就是好的

Answer 1

无效是什么意思？路径不对还是选择器不对，还是却loader,可以参考我写的https://github.com/Hancoson/r...

Answer 2

你首先查查，build出来的main.css文件里面的内容是不是对的；再者，再浏览器里看看有没有加载你这个main.css

Answer 3

检查你的配置文件，看看对CSS的加载器

{test: /\.css$/, loader: ExtractTextPlugin.extract('style', 'css!postcss')},
{test: /\.scss$/, loader: ExtractTextPlugin.extract('style', 'css!postcss!sass')},