loader--配置

1、loader下载，
2、loader配置操作，
已经内置了json-loader不需要配置了，现在只要使用require()方法就可以请求json文件了，
可以分析less和es6看起来很牛逼的样子


可以想普通html一样一如css代码，link变化为import url这种require这种请求方式
但是要下载npm install --save-dev style-loader css-loader这些包才可以正常使用


css-module这是一个可以避免多个类名，污染同一个节点样式的方式，既然可以做到css模块化处理，
不要忘了配置文件的修改--和重新打包：
              options:{
                modules:true,
                localIdentName:'[name]__[local]--[hash:base:base64:5]'//指定css的类名格式
              }
说到css预处理器了，less登场在webpack上面了，
忙活了半天，其实只需要下载对应的包，在配置文件的书写写格式对就好了，
可怜的我只是把less的配置放在text:"/css$/"里面
后来又放在外面但是加了use的配置选项都是报错
 

留个纪念图吧、

这样是正确的
        {
            test: /\.less$/, 
            // use:[
              // {
                loader: 'style-loader!css-loader!less-loader'
              // }
              // {
              //   loader: 
              // }
            // ]
        }
PostCSS是一个可以添加浏览器前缀的包--解决浏览器兼容器比较不错了npm install --save-dev postcss-loader autoprefixer