webpack 2018-10-26 css-

style-loader

style-loader/url 以link的方式插入

不常用 会引入多个link标签，网络请求过多
css-loader 改为file-loader

 {
               test: /\.css$/,
               use: [{
                   loader: 'style-loader/url'
               }, {
                   loader: 'file-loader'
               }]
           }

style-loader/useable

import item from './sync.css';

	var flag =
setInterval(()=>{
    if (flag) {
        flag = false;
        item.use();
    }else {
        flag = true;
        item.unuse();
    }
},1000)

style-loader > options

 {
                test: /\.css$/,
                use: [{
                    loader: 'style-loader/',
                    options: {
                        insertInto: '#app',
                        transform: './transform.js'
                    }
                }, {
                    loader: 'css-loader'
                    // loader: 'file-loader'
                }]
            }

css-loader

css-loader?modules&localIdentName: [name]_[local]-[hash:5]

less-loader less 两个

postcss-loader autoprefixer postcss-cssnext

 {
                        loader: 'postcss-loader',
                        options: {
                            ident: 'postcss',
                            plugins: [
                                require('autoprefixer')()
                            ]
                        }
                     },
                     {
                         loader: 'less-loader'
                     }

png

cnpm i file-loader url-loader img-loader postcss-sprites -D