webpack配置与安装及运行

最近刚学了webpack的基本内容,但是现在安装的webpack已经是4的版本了,用webpack打包的时候回发现webpack-cli和webpack是分离的,上网查了很久,有两个办法:1、安装webpack-cli,2、安装低版本的webpack

最后我卸载了最新版本的webpack,下载代码如下【卸载全局webpack】:


我现在下载的版本是1.13.2的,这个版本打包时是和webpack-cli不分离的

全局安装webpack1.13.2


查看webpack版本


局部安装webpack,先进入需要安装的项目文件夹

然后输入cnpm init -y生成package.json文件,只要有这个文件,就会认为整个项目是一个模块



然后输入cnpm install --save-dev [email protected]安装局部webpack



在package.json文件里可以找到局部安装的版本号



如果是全局安装的webpack,在打包时只需要输入命令webpack [入口文件名] [出口文件名]

也可以使用局部安装为webpack进行打包

在package.json文件里找到script属性


pack是打包完成后的文件名

pack的属性值是webpack的路径以及打包命令

在package.json文件的scripts中加入pack 打包命令,然后在终端运行 cnpm run pack



生成pack.js文件

你可能感兴趣的:(webpack配置与安装及运行)