Webpack学习篇（一）

Webpack学习笔记（一）

为什么要使用webpack？

因为以前编写js代码都是面向过程编写代码，而想要实现js面向对象代码编写则需要使用webpack进行打包工具，实现代码的模块化以及代码的复用性。 

1、初始化一个webpack项目   npm init

如果想实现import 导入导出 export default 的导入导出则需要安装 webpckCli 工具将代码进行翻译。在html中引入翻译好的代码，实现将多个模块翻译成一个js文件

Webpack支持代码的规范

        ES Moudule  Import    export default

         Common js  Require    moudule.export

手动搭建一个webpack项目文件

1、初始化一个webpack项目 npm init -y

 

2、编写src项目文件

 

3、安装webpack工具 npm i webpack webpack-cli --save 非全局

 

4、编写webpack.config.js文件 可以不创建默认有

 

编译index.js文件 npx webpack

 

End这是一个测试的webpackdemo