Webpack Riot项目骨架
Webpack 打包器的强大,配上 Riot 的轻巧,搭起来一个干净利落的项目骨架还挺爽的。
Webpack 的配置已经写好,大部分基础场景都能应付,比如 Riot 标签、打包 JS、监听文件变动啥的。你只要npm install
一下,再跑个webpack --watch
,边写边预览,响应也快。
Riot 标签的支持也到位,用了riot-loader
,写起来跟 Vue 有点像,一个文件搞定结构、样式和逻辑,适合喜欢“组件就一个文件”的开发方式。
虽然里面还用到了bower
,现在用得不多了,但偶尔接老项目还挺有用的。遇到不认识的包也别慌,看看bower.json
就明白。
项目结构也比较清楚:src
放源码、dist
是打包结果、webpack.config.js
控制整个构建流程,没啥多余的东西,适合你按需调整。
如果你打算试试轻量框架,又想用 Webpack 的全套生态,这套webpack-riot-skeleton
蛮适合拿来开工的。顺手也可以看看Riot Webpack 加载器和babel-loader 解析,有助于你更灵活地扩展配置。
嗯,要注意一点:用webpack -w
时建议配个浏览器插件或者加个webpack-dev-server
,方便热重载,省得手动刷新。
2.75KB
文件大小:
评论区