介绍
wstart 是一个 npm 包，是一个用于前端项目快速起步的工具，可以帮助前端工程师快速创建一个基于 webpack 的现代化 web 应用程序。
使用 wstart，你可以在一分钟内创建一个现代化的 web 应用程序，其中包括最新技术的支持，例如：webpack，babel，eslint 等等。
wstart 适用于刚刚接触前端工程化的入门者，以及快速搭建项目原型的开发者。
wstart 的优点
- 快速上手
- 代码风格一致
- 可扩展性高
安装
你可以使用如下命令进行安装：
npm install -g wstart
使用
创建新的项目
可以使用以下命令快速创建新的项目：
wstart init <project-name>
这个命令将会创建一个以 <project-name> 命名的新目录，其中包含以下文件：
-- -------------------- ---- ------- --- ------------ --- ------ - --- ----------- - --- ---------- --- --- - --- ------ - --- ---------- - --- -------- - --- ---------- --- -------- --- ------------- --- ------------- --- ------------ --- ---------- --- ------------ --- ----------------- --- --------- --- -----------------
开发模式
你可以使用以下指令启动开发模式，这将会启动 webpack-dev-server，同时在浏览器中打开 http://localhost:3000。
npm start
生产模式
如果你想将项目打包成生产版本，可以使用以下指令：
npm run build
这将会打包所有的文件到 public 目录中，可以直接通过浏览器访问这个目录来查看你的项目。
扩展
wstart 提供了一套模板模式，你可以使用模板模式来扩展你的项目，可以使用以下指令来安装模板：
wstart template <template-name>
其中 <template-name> 是可选的，它将会安装指定的模板。如果不指定模板名称，将会列出所有可用的模板列表。
示例代码
index.js
import React from 'react';
import ReactDOM from 'react-dom';
const App = () => <h1>Hello World!</h1>;
ReactDOM.render(<App />, document.getElementById('root'));index.less
-- -------------------- ---- -------
------- -----------------------
---- -
------- --
-------- --
------------ ---------- ------ ---------- ------ -----------
---------- -----
------ -----
-
----- -
-------- -----
------- ------
---------------- -------
------------ -------
-- -
---------- -----
------------ -----
-
-结论
wstart 是一个用于前端项目快速起步的优秀工具，它可以帮助前端工程师快速创建一个基于 webpack 的现代化 web 应用程序。而这篇文章简单的介绍了 wstart 的基本使用方法，并且提供了示例代码，相信大家阅读后都可以很快上手使用了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671188dd3466f61ffe75e