第一步
第二步
第三步
第四步
第五步
初始化一个目录
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