基于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/目录中找到生成的项目文件。
zip 文件大小:46.47MB