Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ant-tool/atool-build
:hammer: Build tool based on webpack.
https://github.com/ant-tool/atool-build
build-tool webpack
Last synced: 3 months ago
JSON representation
:hammer: Build tool based on webpack.
- Host: GitHub
- URL: https://github.com/ant-tool/atool-build
- Owner: ant-tool
- Fork: true (ibigbug/antd-build)
- Created: 2015-10-09T04:02:19.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2019-03-05T03:26:43.000Z (over 5 years ago)
- Last Synced: 2024-03-15T00:51:51.228Z (8 months ago)
- Topics: build-tool, webpack
- Language: JavaScript
- Homepage:
- Size: 303 KB
- Stars: 393
- Watchers: 28
- Forks: 75
- Open Issues: 27
-
Metadata Files:
- Readme: README.md
- Changelog: HISTORY.md
Awesome Lists containing this project
README
# atool-build
[![NPM version](https://img.shields.io/npm/v/atool-build.svg?style=flat)](https://npmjs.org/package/atool-build)
[![Build Status](https://img.shields.io/travis/ant-tool/atool-build.svg?style=flat)](https://travis-ci.org/ant-tool/atool-build)
[![Coverage Status](https://img.shields.io/coveralls/ant-tool/atool-build.svg?style=flat)](https://coveralls.io/r/ant-tool/atool-build)
[![NPM downloads](http://img.shields.io/npm/dm/atool-build.svg?style=flat)](https://npmjs.org/package/atool-build)
[![Dependency Status](https://david-dm.org/ant-tool/atool-build.svg)](https://david-dm.org/ant-tool/atool-build)基于 webpack 的构建封装.
----
## 特性
- 基于 webpack 实现
- 支持通过 `webpack.config.js` 进行扩展 webpack 的配置项
- 支持 [stage-0](https://babeljs.io/docs/plugins/preset-stage-0), [es2015](https://babeljs.io/docs/plugins/preset-es2015), react 和 less
- 支持 hash 模式的构建, 并生成映射表 `map.json`
- 支持 typescript## 安装
```bash
$ npm i atool-build --save
```## 使用
```bash
$ atool-build [options]
```### 命令行参数
```bash
$ atool-build -hUsage: atool-build [options]
Options:
-h, --help output usage information
-v, --version output the version number
-o, --output-path output path
-w, --watch [delay] watch file changes and rebuild
--hash build with hash and output map.json
--publicPath webpack publicPath
--devtool sourcemap generate method, default is null
--config custom config path, default is webpack.config.js
--no-compress build without compress
--silent build without notify
```### 配置扩展
如果需要对内置的 webpack 配置进行修改, 可在项目根目录新建 `webpack.config.js` 进行扩展.
让 `webpack.config.js` 输出 `Function`, 比如:
```javascript
var path = require("path");
module.exports = function(webpackConfig) {
webpackConfig.output.path = path.join(__dirname, './public');
return webpackConfig;
};
```参数:
- `webpackConfig` -- 默认配置, 修改后返回新的配置
详细内容:[atool-build 基本使用](http://ant-tool.github.io/atool-build.html)
## FAQ
> 如何在 webpack.config.js 中引用 webpack ? (新增插件需要)
`var webpack = require('atool-build/lib/webpack');`
[#32](https://github.com/ant-tool/atool-build/issues/32)
> 为什么 TypeScript 错误不会显示?
自行添加 [fork-ts-checker-webpack-plugin](https://github.com/Realytics/fork-ts-checker-webpack-plugin)