webpack的学习(一)

webpack安装的两种方式

1、全局安装 npm i webpack -g

2、在项目根目录中运行 npm i webpack --save-dev 安装到项目依赖环境中

 

1、初始化项目 npm init -y

2、npm i jquery -S 安装jquery

3、创建一个main.js文件,使用import *** from *** 的方式导入模块

      import $ from 'jquery'

4、打包main.js,运行 webpack .\src\main.js .\dist\bundle.js

记: webpack打包文件报错

按照原来的 webpack .\src\main.js .\dist\bundle.js 执行报错
webpack的学习(一)原因是webpack版本过高 

webpack的学习(一)

解决办法:

更换打包命令为: webpack demo.js -o demo.bundle.js

webpack的学习(一)