【文件属性】:
文件名称:vanilla-js-boilerplate:使用Webpack 4和Babel的Vanilla Js Boilerplate
文件大小:1.16MB
文件格式:ZIP
更新时间:2021-01-31 02:48:05
javascript template boilerplate babel vanilla-javascript
Webpack 4样板
目录
TL; DR
如果您只想使用此webpack 4配置并且不想知道如何实现它,那么只需克隆此存储库并开始开发即可。
git clone https://github.com/finmavis/webpack-4-boilerplate.git
导航到您刚刚克隆的文件夹
安装所有依赖项, yarn或npm install
然后,为了进行开发,只需运行脚本yarn start或npm run start
要生成生产版本,只需运行script yarn build或npm run build脚本,它将生成文件夹build 。
入门
使用npm init或yarn init您的项目
创建config和src文件夹
在config文件夹中创建webpack.config.js
在src文件夹中创建index.html和index.js
资料夹结构
|-- config
|-- webpack.config.js
|-- src
|-- index.html
|-- index.js
|-- package.json
将webpac
【文件预览】:
vanilla-js-boilerplate-master
----.babelrc(207B)
----config()
--------webpack.prod.js(3KB)
--------webpack.dev.js(2KB)
----package.json(1KB)
----src()
--------index.js(471B)
--------assets()
--------index.html(965B)
--------styles()
--------scripts()
----.gitignore(506B)
----README.md(28KB)
----yarn.lock(325KB)
----.editorconfig(254B)
----postcss.config.js(103B)