less-loader

package.json

@@ -14,10 +14,11 @@
     "babel-loader": "^8.0.5",
     "clean-webpack-plugin": "^2.0.1",
     "css-loader": "^2.1.1",
-    "es5-shim": "^4.5.13",
     "express": "^4.16.4",
     "file-loader": "^3.0.1",
     "html-webpack-plugin": "^3.2.0",
+    "less": "^3.9.0",
+    "less-loader": "^5.0.0",
     "mini-css-extract-plugin": "^0.6.0",
     "style-loader": "^0.23.1",
     "uglifyjs-webpack-plugin": "^2.1.2",

src/index.js

@@ -1,6 +1,6 @@
-require('./css/index.css');
+require('./css/index.less');
 require('./css/reset.css');
-require('./css/popup.css');
+require('./css/popup.less');
 require('./js/popup');
 const $ = require("jquery");
 const { post,config,getUrlArgObject } = require('./js/promise.js');
@@ -28,7 +28,6 @@ post(config.pushInner,msg).then((res)=>{
   var data = res.data
   if(data.code == 0){
     var result = data.data;
-    console.log(result)
     if(result.medicalIndications && result.medicalIndications.length>0){//病情提示
       window.pushMessage = result.medicalIndications;//计算的需要的相关数据
       bqtsFun(result.medicalIndications)

webpack.config.js

@@ -107,7 +107,7 @@ module.exports = {
       chunkFilename: '[id].css'
     }),
     new webpack.HotModuleReplacementPlugin(),
-    new CleanWebpackPlugin(),
+    new CleanWebpackPlugin()
   ],
   optimization: { //webpack4.x的最新优化配置项，用于提取公共代码
     minimizer: [
@@ -165,9 +165,13 @@ module.exports = {
         use: [{
             loader: MiniCssExtractPlugin.loader
           },
-          'css-loader',
+          'css-loader'
         ]
       },
+      {
+        test: /\.less$/,
+        use: ['style-loader','css-loader','less-loader']
+      },
       { 
         test: /\.(png|jpg|jpeg|gif|svg)$/,
         use: {