static webpack boilerplate

静态 Webpack 样板

用于构建静态站点的最小和现代 Webpack 样板

演示网站

---

亮点

• 便于使用
• 包括优化的 Webpack 和 Babel 配置
• 灯塔满分
• 非阻塞 CSS 和字体加载
• 友好的错误和警告
• 使用 xo 和 stylelint 确保代码干净
• 使用 Modern-Normalize 标准化默认浏览器样式
• 带有社交媒体元标记的 HTML 模板
• 针对最新的浏览器
• 离线工作

文件树

├── public                                      # Main folder
│   ├── css                                     # Subfolder with css
│   │   ├── main.css                            # Main CSS file
│   ├── fonts                                   # Subfolder with fonts
│   │   ├── open-sans-v16-latin-regular.woff    # .woff font
│   │   └── open-sans-v16-latin-regular.woff2   # .woff2 font
│   ├── images                                  # Subfolder with images
│   │   ├── favicon.png                         # Favicon
│   ├── js                                      # Subfolder with JavaScript
│   │   ├── main.js                             # Main (entry) file
│   └── index.html                              # HTML template
├── .npmrc                                      # npm config
├── .stylelintrc                                # stylelint config
├── .travis.yml                                 # Travis CI config
├── package.json                                # Package config with scripts, list of dependencies etc.
├── webpack.config.js                           # Webpack config
├── babel.config.js                             # Babel config 

用法

 # Install dependencies

 $ npm install
 
# Start webpack-dev-server at port 8080

 $ npm start
 
# Run linters

 $ npm test
 
# Build app for production (gets output in the 'dist' directory)

 $ npm run build

部署

我建议使用 Zeit Now 或 Netlify 来托管您的网站。

待办事项

• HMR
• 测试

有关的

• 样式反应样板

执照

麻省理工学院