基于Webpack的前端模板Novikov使用指南
Novikov是一个基于Babel、Pug、SCSS和Webpack的前端模板,简化前端开发流程。
安装
-
确保您的开发环境满足以下模块版本要求:
- Node.js: v10+
- npm: v6+
-
克隆Novikov仓库到您的本地环境。
-
在终端中导航至项目根目录,并执行
npm install
命令安装项目依赖。
使用
-
SVG精灵图: 将您的SVG文件放入
src/sprites/
目录,Novikov将自动生成SVG精灵图。 -
JSON数据: 将您的JSON文件放入
src/views/data/
目录,并更新Webpack配置文件以在您的项目中使用这些JSON数据。
开发模式
- 运行
npm run dev
命令以启动开发服务器,并启用实时重新加载功能,方便您实时查看代码变更效果。
构建
- 运行
npm run build
命令构建您的项目。构建完成后,您可以在dist/
目录中找到生成的项目文件。
46.47MB
文件大小:
评论区