weixin_55242897的博客

项目场景：package.json"scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack-dev-server --open --port 3000 --hot" }webpack.config.jsmodule.exports = { entry:path.join(__dirname,'./src/main.js'), output: {

前言webpack的配置使用1.在资源文件夹src 入口文件（含有main.js index.html webpack.config.js）后运行 npm init -y 初始化项目；建立开发和生产两套配置文件webpack.config.js、webpack.pub.config.js2.接着运行 yarn add webpack webpack-cli webpack-dev-server --dev ，创建.bebalrc文件；3.package.json配置"scripts": {

文章目录前言以分离来自jquery的第三方包为例总结前言webpack@4以后的版本，弃用了许多@3的插件，其中包括：分离打包js文件的插件 webpack.optimize.CommonChunkPlugin()；压缩js文件的插件 webpack.optimize.UglifyJsPlugin();定义产品上线环境webpack.optimize.DedupePlugun()；但是功能都并入entry和output的配置中，分离打包默认不会实现，下面按自己的理解，简单分享其中分离打包js文

项目场景const path = require('path')const htmlWebpackPlugin = require('html-webpack-plugin')//导入每次删除文件夹的插件//此下一行为错误引用，{ CleanWebpackPlugin }为固定导入法，引用时用new CleanWebpackPlugin()//const cleanWebpackPlugin = require('clean-webpack-plugin')const { CleanWebpa

项目场景：webpack 打包高级js语法时出错打包不成功问题描述：原.babelrc{ "persets":["env","stage-0"], "plugins":["transform-runtime"]}打包运行npm run devError: Cannot find module ‘@babel/core’…原因分析：网上查找答案，受EddyWorkHard（https://www.jianshu.com/p/74cb6203c39f）的文章启发了解

项目场景：使用webpack打包运行命令 npm run dev后出现如下错误提示：// 当前package.json 文件“devDependencies”: {“html-webpack-plugin”: “^5.2.0”,“webpack”: “^5.23.0”,“webpack-cli”: “^4.1.0”,“webpack-dev-server”: “^3.11.2”}问题描述：PS E:\www\wuyaohua\webpack-senior> npm run dev