Webpack 3启动项目简洁前端模板

Webpack 3 的启动项目,适合你想快速搭建一个前端项目的时候用。配置清爽,结构简单,适合刚上手 Webpack 的小伙伴摸索实践。用惯了 CLI 脚手架的你,偶尔换换口味也挺不错。

模块打包用Webpack 3,整体逻辑不复杂,webpack.config.js里有入口、输出、加载器、插件这些基本配置。该有的都有,自己加点配置也方便。

babel-loader这种常见的转换工具已经配好,写ES6没问题。你只要npm install装好依赖,npm start一跑,开发服务器立马开工,页面改了能热更新,响应也快。

要上线?直接npm run build打包,输出的目录就是你部署的内容了。配合下source maps,调试也方便。想做点多页面的开发,配置多个入口就搞定了。

这个 starter 项目还不错,用它来熟悉 Webpack 的打包流程、模块加载机制、插件系统都挺合适。推荐你多动手改一改配置,试试加个css-loader或用下html-webpack-plugin,学得更快。

如果你想深入了解 Webpack 模块机制、插件玩法或者更复杂的多页应用构建,可以看看这些资料:

如果你对 Webpack 还不熟,这个项目蛮适合练手。熟悉之后要用 Webpack 5 也能快上手。

zip
一个简单的webpack3启动项目可用于您的基本Web开发需求.zip 预估大小:61个文件
folder
webpack-starter-basic-master 文件夹
file
webpack.dev.js 3KB
file
index.html 8KB
file
postcss.config.js 979B
file
webpack.prod.js 5KB
folder
src 文件夹
folder
styles 文件夹
file
index.scss 5KB
folder
assets 文件夹
file
icon.png 76KB
file
logo-on-dark-bg.png 56KB
file
index.js 462B
file
README.md 11KB
folder
docs 文件夹
file
main.d579593aa27ff892b9db.js.map 4KB
file
index.html 12KB
folder
.nojekyll 文件夹
file
logo-on-dark-bg.785d2785b5343146017b.png 56KB
folder
icons-5b1f36bc41ab31f5b801d48ba1d65781 文件夹
file
android-chrome-36x36.png 2KB
file
android-chrome-72x72.png 4KB
file
apple-touch-icon-114x114.png 5KB
file
manifest.json 1KB
file
apple-touch-icon-152x152.png 7KB
file
apple-touch-icon-167x167.png 8KB
file
apple-touch-startup-image-640x920.png 45KB
file
apple-touch-startup-image-1536x2008.png 181KB
file
favicon.ico 33KB
file
android-chrome-96x96.png 5KB
file
android-chrome-384x384.png 24KB
file
apple-touch-startup-image-1182x2208.png 114KB
file
android-chrome-512x512.png 34KB
file
apple-touch-icon-180x180.png 9KB
file
apple-touch-icon-144x144.png 7KB
file
apple-touch-icon-76x76.png 4KB
file
manifest.webapp 265B
file
apple-touch-icon-120x120.png 6KB
file
android-chrome-192x192.png 11KB
file
android-chrome-256x256.png 15KB
file
apple-touch-icon.png 9KB
file
favicon-32x32.png 1KB
file
apple-touch-startup-image-320x460.png 19KB
file
apple-touch-startup-image-640x1096.png 46KB
file
firefox_app_60x60.png 4KB
file
apple-touch-icon-precomposed.png 9KB
file
.cache 7KB
file
apple-touch-icon-57x57.png 3KB
file
android-chrome-48x48.png 2KB
file
android-chrome-144x144.png 8KB
file
firefox_app_512x512.png 48KB
file
apple-touch-startup-image-1242x2148.png 136KB
file
apple-touch-startup-image-1496x2048.png 162KB
file
firefox_app_128x128.png 9KB
file
apple-touch-startup-image-750x1294.png 56KB
file
apple-touch-icon-60x60.png 3KB
file
favicon-16x16.png 635B
file
apple-touch-startup-image-768x1004.png 56KB
file
apple-touch-startup-image-748x1024.png 48KB
file
apple-touch-icon-72x72.png 3KB
file
main.d579593aa27ff892b9db.js 887B
file
styles.de73248cd7905a4f68a216dee254362c.css 5KB
file
styles.de73248cd7905a4f68a216dee254362c.css.map 14KB
file
.editorconfig 245B
file
.gitignore 25B
file
kickstarter.js 3KB
file
package-lock.json 396KB
file
package.json 2KB
zip 文件大小:1.28MB