2020-09-06

第一步

第二步

第三步

第四步

第五步

初始化一个目录

npm init -y 快速创建空项目

         cnpm install webpack webpack-cli -D

或者 yarn add webpack webpack-cli -D

-D 表示开发模式下的依赖

全局安装------------------------

cnpm install webpack webpack-cli -g

或者 yarn global add webpack webpack-cli

如何运行webpack-------------

cd /node_modules/.bin

webpack --version   

或者

npx webpack --version

// npx create-react-app 创建一个fackbook的react基础框架

"build":"webpack"

添加上面的内容至 package.json

npm run build（你定义的名称）

注意事项

http://nodejs.cn/api/path.html

nodejs连接符

http://nodejs.cn/api/modules.html#modules_dirname

nodejs 当前目录

如何加载require  配置 Webstorm中node core

第一步

第二步

第三步

第四步

第五步

第六步（找到自己的npm版本）

OK-》apply-》OK 完毕

显示高亮

webpack.config.js

入口文件./src/index.js

配置完成后 

npm run build

运行打包

注意事项

yarn add css-loader style-loader -D    √

或者

npm install --save-dev css-loader ts-loader

安装完成

注意

运行打包

安装sass

yarn add sass-loader -D

注意看报错  缺什么 补什么

yarn add sass -D

images&font