手写webpack----O(∩_∩)O_html-js-css

概述1 const path = require("path"); 2 const htmlWebpackPlugin = require("html-webpack-plugin"); 3 4 //定义入库文件和出口文件路径 5 const PATH = { 6 app:path.join(__dirname,"./src/js/main.js"), 7 b

 1 const path = require("path"); 2 const HTMLWebpackPlugin = require("HTML-webpack-plugin"); 3  4 //定义入库文件和出口文件路径 5 const PATH = { 6     app:path.join(__dirname,"./src/Js/main.Js"), 7     build:path.join(__dirname,"./dist") 8 } 9 ///https://mAPI.eyee.com/API/product/guessWhatYoulike10 //以下是webpack的配置项11 module.exports = {12     entry:{13         app:PATH.app,14     },15     output:{16         filename:"[name].Js",17         path:PATH.build18     },19     module:{20         //loader的配置项21         rules:[22             {   23                 //匹配.Js文件24                 test:/\.Js$/,25                 use:{26                     //遇到Js文件用babell-loader处理27                     loader:"babel-loader",28                     options:{29                         //将ES6的代码转成ES5   遇到Jsx语法的解析30                         presets:["@babel/env","@babel/react"]31                     }32                 }33             },34             {35                 test:/\.(CSS|sCSS)$/,36                 use:["style-loader","css-loader","sass-loader"]37             },38             {39 　　　　　　　　  test: require.resolve(‘zepto‘),40 　　　　　　　　  loader: ‘exports-loader?window.Zepto!script-loader‘41             }42 43         ]44     },45     //插件46     plugins:[47         //HTML模板48         new HTMLWebpackPlugin({49             filename:"index.HTML",50             template:"./index.HTML",51             Title:"斗牛",52             chunks:["app"]53         })54         55     ],56     devServer:{57         //跨域配置58         proxy:{59             "/API":{60                 target:"https://mAPI.eyee.com",//目标地址61                 changeOrigin:true,62                 pathRewrite:{63                     "^/API":""64                 }65             }66         }67     }68 }