【文件属性】:
文件名称:webpack-React:webpack4.0搭建react开发环境,以及打包发布
文件大小:82KB
文件格式:ZIP
更新时间:2021-04-29 04:40:16
JavaScript
webpack4.0介绍以及搭建React环境
1.创建一个新目录
npm init -y //初始化
2.引入webpack
yarn add webpack --save-dev
3.还需要安装webpack-cli,作为一个单独的包引入:
yarn add webpack-cli --save-dev
现在打开package.json,并添加一个build(构建)脚本:
"scripts":{
"build": "webpack"
}
执行命令:yarn build
说明:从webpack4.0开始,不再必须定义额entry point(入口点):它将默认为./src/index.js,
4.创建./src/index.js
console.log('hello world')
然后执行命令:yarn build
查看/dist/main.js中的内容
说明:在 webp
【文件预览】:
webpack-React-master
----.babelrc(32B)
----package.json(783B)
----ReadMe.md(7KB)
----index.html(153B)
----package-lock.json(182KB)
----src()
--------index.js(57B)
--------index.html(167B)
--------app.js(215B)
--------index.css(25B)
----.gitignore(20B)
----webpack.config.js(846B)
----yarn.lock(171KB)