Webpack前端样板项目

Webpack 5 的样板项目,配置挺全的,拿来即用那种,适合懒人也适合追求效率的前端。内置了 浏览器同步代码 Lint自动前缀Babel 这些常用工具,基本不用操心兼容问题。

开发环境生产环境分得清楚,想切就切。支持 browserslist 配置,比如:

"browserslist": [
  "last 2 versions",
  "> 5%"
]

这样 AutoprefixerBabel preset-env 就能帮你自动搞定浏览器兼容。

样式用的是 SASS,结构清晰,assetssrc 分得挺明白的。你要是想快速起一个新项目,这个模板还挺适合。复制一份直接干,响应也快,代码也清爽。

另外还有个参考项目文件,方便对照理解项目结构。想深挖的可以看看相关文章,比如:

如果你想搭个稳定的基础脚手架,又不想研究一堆配置,建议试试这个,挺省事的。

zip
frontend-webpack-boilerplate-master.zip 预估大小:41个文件
folder
frontend-webpack-boilerplate-master 文件夹
file
.travis.yml 402B
file
.eslintrc 657B
file
.babelrc 49B
file
package.json 3KB
folder
.github 文件夹
file
PULL_REQUEST_TEMPLATE.md 669B
folder
ISSUE_TEMPLATE 文件夹
file
bug.md 806B
file
config.yml 170B
file
feature.md 678B
file
support.md 441B
file
CONTRIBUTING.md 286B
file
CODE_OF_CONDUCT.md 3KB
file
LICENSE 1KB
file
package-lock.json 549KB
file
.sasslintrc 2KB
folder
src 文件夹
folder
images 文件夹
folder
content 文件夹
file
logoa.svg 2KB
folder
design 文件夹
file
heading.png 18KB
file
favicon.ico 1KB
folder
templates 文件夹
file
index.html 3KB
folder
fonts 文件夹
file
DINPro-Regular.ttf 177KB
file
DINPro-Regular.eot 178KB
file
DINPro-Regular.svg 510KB
file
DINPro-Regular.woff 78KB
folder
.keep 文件夹
folder
js 文件夹
file
demo.js 177B
file
app.js 92B
folder
scss 文件夹
folder
base 文件夹
file
_print.scss 321B
file
_vars.scss 276B
file
_mixins.scss 1KB
file
_fonts.scss 315B
file
_reset.scss 2KB
folder
dirty 文件夹
file
_hacks.scss 68B
file
app.scss 373B
file
demo.scss 587B
file
.gitignore 233B
file
webpack.config.js 3KB
file
CHANGELOG.md 52KB
folder
configuration 文件夹
file
webpack.prod.config.js 869B
file
webpack.dev.config.js 864B
file
environment.js 579B
file
README.md 10KB
file
postcss.config.js 69B
zip 文件大小:490.61KB