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 也能快上手。
一个简单的webpack3启动项目可用于您的基本Web开发需求.zip
预估大小:61个文件
webpack-starter-basic-master
文件夹
webpack.dev.js
3KB
index.html
8KB
postcss.config.js
979B
webpack.prod.js
5KB
src
文件夹
styles
文件夹
index.scss
5KB
assets
文件夹
icon.png
76KB
1.28MB
文件大小:
评论区