【文件属性】:
文件名称:webpack_setup:快速设置React,Webpack,Babel,eslint-airbnb-config开发环境
文件大小:62KB
文件格式:ZIP
更新时间:2021-05-01 18:06:58
reactjs babel-loader eslint-airbnb html-loader webpack4
Webpack设置
(与babel,react,eslint(airbnb))
核心概念
入口
输出
装载机
外挂程式
(尽管从v4开始的webpack无需配置,但使用配置文件设置所有四个核心元素仍然更加容易)
设定步骤
npm启动项目npm init
在根目录中创建.gitignore
## Mac OS
.DS_store
##npm packages
node_modules/
##webpack default output folder
public/
安装webpack 4 npm install webpack webpack-cli --save-dev
更改脚本以在package.json中运行webpack --watch
"dev": "webpack -d --watch",
安装babel npm install --save-dev babel-core
【文件预览】:
webpack_setup-master
----client()
--------src()
----.eslintrc(219B)
----.babelrc(246B)
----package.json(1KB)
----readme.md(6KB)
----package-lock.json(250KB)
----.gitignore(90B)
----webpack.config.js(1KB)