![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
Ocean_HL
这个作者很懒,什么都没留下…
展开
-
webpack5配置多页面
1. 初始化项目npm init -y2. 安装需要的依赖yarn add -D webpack webpack-cli html-webapck-plugin3. 创建目录结构在 src 目录下创建三个不同的页面目录 page1,page2, page3,再在页面目录中依次创建 index.html,index.js 文件。node_modulessrc-| pages-----| page1---------| index.html---------| index.js---原创 2021-07-05 20:33:27 · 1117 阅读 · 0 评论 -
Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
报错原因运行 npx webpack-dev-server 后报出 Error: Cannot find module 'webpack-cli/bin/config-yargs'原因分析本人的 webpack 版本为 5.41.0 ,webpack-dev-server 版本为 3.11.2,而 npx webpack-dev-server 命令只适用于 webpack 的 4.x 版本。需要使用最新的命令启动服务器。解决方法1. 将 webpack 回退到 4.x 版本此方法大家自行尝原创 2021-06-30 09:51:50 · 311 阅读 · 0 评论 -
React配置webpack多页应用打包失败,报错Cannot read property ‘filter’ of undefined解决方案
React多页配置,Cannot read property ‘filter’ of undefined错误分析配置好react多页应用后,yarn build打包运行, 控制台报错错误定位错误分析1. 打印 `entrypoints` 对象2. 为什么会没有 `main` 属性原来的`entry`属性修改后的 `entry` 属性错误原因解决方法配置好react多页应用后,yarn build打包运行, 控制台报错yarn buildnode scripts/build.jsCreating an原创 2021-06-02 09:45:53 · 869 阅读 · 1 评论 -
无法写入文件webpack.config.js,因为它会覆盖输入文件
问题在tsconfig.json中设置对js文件进行编译的配置项时,会报出无法写入webpack.config.js中原因因为在webpack.config.js中已经设置了ts-loader加载器,用于处理ts文件,所以tsconfig.json的配置项与webpack.config.js中的配置项产生了冲突。解决方法统一在webpack.config.js中处理ts文件和js文件不要在tsconfig.json中设置有关js的配置项。...原创 2021-03-14 09:53:32 · 3161 阅读 · 0 评论 -
webpack打包,提示The ‘mode‘ option has not been set警告
使用npm run build命令打包项目警告提示: The ‘mode’ option has not been set原因:在package.json文件中设置的build命令值为:“webpack","scripts": { "build": "webpack" },没有在webpack.config.js文件中设置mode配置项,解决方法:【选其一即可解决】方法1:修改package.json中的脚本启动命令给build值中追加--mode productio原创 2021-03-13 11:37:45 · 449 阅读 · 1 评论