Webpack Riot项目骨架

Webpack 打包器的强大,配上 Riot 的轻巧,搭起来一个干净利落的项目骨架还挺爽的。就是这么一个现成的组合,适合想快速试水 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,方便热重载,省得手动刷新。

zip 文件大小:2.75KB