一.安装

npm install webpack webpack-cli -D // 局部安装

二.loader

三.css-loader

npm install css-loader -D

四.style-loader

npm install style-loader -D

五.less-loader

npm install less less-loader --D

• importLoaders的数量默认是0，意思是一个加载器都不用，1的意思是用postcss-loader加载器，2的意思是用postcss-loaders和sass-loader加载器

• 这里的importLoaders: 2 是在css-loader 之后指定2个数量的loader（即 postcss-loader 和 less-loader）来处理import进来的资源

      {
        test: /\.less$/,
        use: [
          "style-loader",
          {
            loader: "css-loader",
            options: {
              importLoaders: 2 // @import的css文件，回头能被前面的"less-loader"、"postcss-loader"处理
              // 0 => no loaders (default);
              // 1 => postcss-loader;
              // 2 => postcss-loader, sass-loader
            }
          },
          "postcss-loader",
          "less-loader"
        ]
      }