【文件属性】:
文件名称:react-webpack-template:使用webpack的react模板,有收集react,react-redux,redux,react-router,hook
文件大小:789KB
文件格式:ZIP
更新时间:2021-04-04 21:40:45
JavaScript
使用
git克隆
cd目录名
纱
npm运行服务器
在终端中使用webpack
命令:npx webpack {入口文件}-输出{捆绑文件的目的地}
{entry file}打包入口文件本例中的main.js
{捆绑文件的目的地}出口文件的存放路径
通过配置文件使用webpack
命令:npx webpack自动读取webpack.config.js文件的配置
条目:入口文件路径
输出:出口文件路径和文件名
通过npm预设脚本启动
添加脚本脚本命令和对应的实际命令
start是特殊的脚本名称,其他自定义脚本需要使用npm run scriptname启动,start不用
devtool配置项
解决调试时因为打包依赖嵌套无法出错地方的问题
对应编译文件和源文件
杂凑
配置选项
source-map:行列映射
cheap-module-source-map:行映射
评估:评估,开发阶段使用
【文件预览】:
react-webpack-template-master
----.babelrc(33B)
----package.json(961B)
----yarn-error.log(243KB)
----Readme.md(2KB)
----dist()
--------index.html(263B)
--------bundle.js(2.43MB)
----src()
--------reducers()
--------App.jsx(399B)
--------index.jsx(624B)
--------index.tmpl.html(229B)
--------App.module.css(111B)
--------actionType()
--------components()
--------actions()
----.gitignore(13B)
----webpack.config.js(1KB)
----yarn.lock(231KB)
----postcss.config.js(72B)