webpack
文章平均质量分 71
Macro-2
欢迎一起探讨学习
展开
-
CopyWebpackPlugin出现HookWebpackError: Not supported
[webpack-cli] HookWebpackError: Not supported at xxxxxxxxxxx\node_modules\copy-webpack-plugin\dist\index.js:485:13 .....-- inner error --版本问题导致CopyWebpackPlugin报错版本:10.0.0解决办法:降低版本npm i -D copy-webpack-plugin@9.*...原创 2021-12-06 22:09:41 · 2866 阅读 · 2 评论 -
Webpack入门
安装1.初始化: npm init -y(默认初始化,不加-y一路回车)2.安装一下webpack:全局:npm install -g webpack当前项目: npm install --save-dev webpackwebpack 4以上还需要安装webpack-cli:npm install --save-dev webpack webpack-cli3.创建配置文件:webpack.config.js//六大体系module.exports={ //一:打包生成环境 //1.原创 2021-12-03 13:49:00 · 816 阅读 · 0 评论 -
webpack搭建vue项目(不用脚手架)
webpack搭建vue项目(不用脚手架)npm默认安装的是最新版本,这里讲的是Webpack4用法,如果遇到问题请检查是否是版本问题webpack5升级了一些东西,例如图片的打包相关代码码云1、初始化项目npm init 初始化项目npm install -D webpack webpack-cli创建初始文件新建public文件夹,并新建一个index.html作为html模板文件(打包后生成单页面文件的index.html主页面文件)新建src文件夹,并新建一个ma原创 2021-12-03 13:45:09 · 1497 阅读 · 0 评论 -
WebpackMerge插件
官网合并多个webpack配置文件,在配置多个环境的时候可以抽离公共代码,再进行合并安装npm i -D webpack-mergemergemerge(...configuration | [...configuration ])每个对象可以作为每个参数传入也可以为对象数组传入连接数组和合并对象创建新对象的函数。如果遇到函数,它将执行它们,通过算法运行结果,然后再次将返回的值包装在函数中const { merge } = require('webpack-merge');原创 2021-12-03 00:31:47 · 517 阅读 · 0 评论