webpack打包css等文件

运行npm i style-loader css-loader --save-dev

module: { // 用来配置第三方loader模块的
        rules: [ // 文件的匹配规则
            { test: /\.css$/, use: ['style-loader', 'css-loader'] }//处理css文件的规则
        ]
    }

运行npm i less-loader less -D

 配置less 匹配规则{ test: /\.less$/, use: ['style-loader', 'css-loader', 'less-loader'] },

运行npm i sass-loader node-sass --save-dev

配置scss{ test: /\.scss$/, use: ['style-loader', 'css-loader', 'sass-loader'] }

运行npm i url-loader file-loader --save-dev
配置{ test: /.(png|jpg|gif)$/, use: ‘url-loader’ }或者

{ test: /\.(png|jpg|gif)$/, use: 'url-loader?limit=43960(这里填写图片大小是多少字节的)' }

运行npm i bootstarp@3.3.7 -D
配置{test:/.(png|jpg|gif|jpeg)KaTeX parse error: Expected 'EOF', got '&' at position 29: …oader?limit=600&̲name=[hash:8][n…/, use:“url-loader”},
运行npm i babel-core babel-loader babel-plugin-transform-runtime --save-dev
运行npm i babel-preset-env babel-preset-stage-0 --save-dev
配置babel处理高级JS语法
运行npm i babel-core babel-loader babel-plugin-transform-runtime --save-dev
npm i babel-preset-env babel-preset-stage-0 --save-dev
npm i babel-loader@7 -D
配置{ test: /\.js$/, use: 'babel-loader', exclude: /node_modules/ }