webbpack基本流程

Posted 2022-05-17 superclound

1、初始化项目
npm init -y

2、安装webpack
cnpm install webpack webpack-cli -D

3、创建src文件夹 创建dist文件夹

4、创建webpack.config.js文件

5、在src中创建入口文件 main.js

6、初始打包
npx webpack

7、安装解析JS的babel文件
cnpm install --save-dev @babel/core babel-loader @babel/preset-env @babel/preset-react

8、安装解析CSS的loader文件
cnpm install --save-dev style-loader css-loader sass-loader node-sass

9、安装html插件
cnpm install -D html-webpack-plugin

10、安装处理图片的loader
cnpm install url-loader file-loader -D

11 、安装处理vue的文件loader
cnpm install -D vue-loader vue-template-compiler

12、安装vue.js

cnpm install vue -S

13、安装服务器环境
cnpm install webpack-dev-server -D

*/