webpack
y_w_x_k
好好学习,天天向上
展开
-
webpack 打包ts代码
webpack.config.jsconst path=require("path")const HtmlWebpackPlugin=require("html-webpack-plugin")const { CleanWebpackPlugin } = require("clean-webpack-plugin")module.exports={ entry : "./src/index.ts", output : { path : path.resolv.原创 2021-11-21 00:16:27 · 611 阅读 · 0 评论 -
webpack 生产/开发环境配置文件分离
npm install webpack-merge -Dbuild目录下:base.config.jsconst path=require("path")const { VueLoaderPlugin } = require("vue-loader")const HtmlWebpackPlugin=require("html-webpack-plugin")module.exports={ entry : './src/main.js', output : {原创 2021-10-15 11:21:07 · 104 阅读 · 0 评论 -
webpack指令
1.--save-dev 开发时依赖原创 2021-10-12 21:35:33 · 75 阅读 · 0 评论 -
webpack 优化
webpack.config.js设置:entry : ['./src/js/index.js','./src/index.html'],入口文件inde:x.js监听非入口js文件:if(module.hot){ module.hot.accept("./print.js",function(){ echo() })}if(module.hot){ module.hot.accept("./test.js",function(){原创 2021-09-24 14:53:50 · 275 阅读 · 0 评论 -
webpack生产环境基本配置
webpack.config.js:const { resolve }=require("path")//提取css代码为单独文件const MiniCssExtractPlugin=require("mini-css-extract-plugin")const HttpWebpackPlugin=require("html-webpack-plugin")//决定使用browserslist的开发环境配置process.env.NODE_ENV="development"//复用原创 2021-09-24 11:17:28 · 146 阅读 · 0 评论 -
webpack5基本配置详解
webpack.config.js语法:图片、文件路径写法:{ test : /\.(jpg|png|gif)$/, generator : { filename : 'img/[hash][ext]' } },热更新配置:devServer:{ static : { directory :原创 2021-09-23 22:33:04 · 427 阅读 · 0 评论