webpack 打包的具体步骤

• 2020 年 8 月 31 日
• 笔记
• webpack, 前端

webpack打包的方法：

方法一

　　创建一个src文件夹（存放自己的代码），dist文件夹（打包到此文件夹）

 2编写自己的代码，在src文件夹中创建一个主模块main.js和若干个js文件，将模块js发送到main.js中

3.此时，就用到了webpack的功能了，在终端输入(进入文件目录)webpack  ./src/main.js  ./dist/bundle.js

便将main.js打包到了dist文件中的bundel.js中了（其他模块自动处理打包了）；

此时，在html文件中直接引用bundel.js文件就可以了。

方法二：

 用webpack.config.js文件处理：用node语法获取绝对路径，

 在此之前先要用命令 npm init初始化，再用npm install生成两个文件

 然后在webpack.config.js中配置以下

y

最后在终端输入webpack就从新打包了。