https://github.com/minooo/fromzero

从零开始
https://github.com/minooo/fromzero

Last synced: 16 days ago
JSON representation

从零开始

• Host: GitHub
• URL: https://github.com/minooo/fromzero
• Owner: minooo
• License: mit
• Created: 2018-06-21T12:08:32.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-06-24T16:23:31.000Z (over 6 years ago)
• Last Synced: 2024-10-30T23:13:39.558Z (2 months ago)
• Language: JavaScript
• Size: 1.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# FromZero

> 从零开始，记录所有本项目从无到有的构建过程。

[Mark Down 语法](https://github.com/DavidAnson/markdownlint/blob/master/doc/Rules.md)

## 预先准备

- node 安装最新版，本次项目使用的是 v10.4.1

- 为 npm 添加淘宝源，方便我们快速下载各种依赖

  ``` bash

  npm config set registry https://registry.npm.taobao.org --global

  npm config set disturl https://npm.taobao.org/dist --global

  npm config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass --global

  ```

- 首先在 GitHub 创建一个初始化项目，克隆到本地

- `npm install -g yarn`, 安装升级最新版本的 yarn, yarn 也同样添加以上淘宝源

- 添加 .gitignore .editorconfig

- 初始化 package.json, 通过 `yarn init`, 去掉 main 字段，修改 private 为 true，以防意外发布。

## 配置项目

- url-loader 和 file-loader 类似，只是前者可以在文件大小低于某个制定的限制时，返回 DataURL。

- 一个很强力的图片资源压缩loader，[image-webpack-loader](https://github.com/tcoopman/image-webpack-loader)