# Webpack 基本开发环境

**Repository Path**: fierflame/webpack-dev-env

## Basic Information

- **Project Name**: Webpack 基本开发环境
- **Description**: 一个 webpack 基础开发环境，开箱即用，无需二次配置
- **Primary Language**: NodeJS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2019-07-15
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: webframework

**Tags**: None

## README

Webpack 基础开发环境
========

此环境目前支持以下几种开发：  
- TypeScript
- Vuejs ( 支持 vue 单文件组件，不支持 vuejs 版本的 jsx )
- React
- css
- less
- scss

开发与打包
-------

1. 下载此仓库后，需要先使用 `npm install`、`cnpm install` 或者 `yarn install` 安装基本的依赖  
2. 开发过程可以使用 `npm test` 或者 `yarn test` 启动打包，此命令会自动监听 src 目录下的文件变化  
3. 也可以使用 `npm start` 或者 `yarn start` 启动开发服务器  
   开发服务器默认监听 `8080` 端口，可以在浏览器中输入 `http://0.0.0.0:8080/` 进行调试  
   其他设备同一局域网的设备也可以通过 `http://[本机IP]:8080/` 的方式访问  
4. 开发过程结束后，可以使用 `npm run build` 或者 `yarn build` 生成生成环境下需要的文件  
   文件存放在 `dist` 目录下（index.html 文件除外）  
   默认会生成详细的 .map 文件，便于调试及后期的查错，但不建议部署到生产环境中  

配置说明
-------
默认的入口文件为 `src/index`（可加支持自动补全的后缀，如 `src/index.tsx`）

支持自动补全的后缀（顺序）：
- .tsx
- .ts
- .vue
- .jsx
- .mjs
- .js
- .less
- .scss
- .sass
- .css
- .module.less
- .module.scss
- .module.sass
- .module.css
- .png
- .svg
- .gif
- .jpeg
- .jpg

环境采用 Webpack + babel 部署，所以不支持 TypeScript 的类型检查。