1.0.0 • Published 6 years ago
webpack-better v1.0.0
Webpack-bsv
快速搭建前端React项目,减少webpack配置学习成本
Install
npm install webpack-bsv --DUsage
命令
//package.json
{
"script": {
//开发
"start": "bsv",
//打包
"build": "bsv build"
}
}Spa项目
目录结构
.
+-- public
| +-- index.html
+-- src
| +-- ...
| +-- index.(js|jsx)入口文件
//src/index.js
import React from 'react'
import ReactDOM from 'react-dom'
const Home=()=><div>Home</div>
ReactDOM.render(<Home/>, document.querySelector('#root'))Mpa项目(暂不支持)
目录结构
.
+-- src
| +-- ...
| +-- activity
| +-- index.(js|jsx)
| +-- home
| +-- index.(js|jsx)入口文件
import React from 'react'
import ReactDOM from 'react-dom'
const Home=()=><div>Home</div>
ReactDOM.render(<Home/>, document.querySelector('#root'))配置文件
允许自定义添加配置文件修改webpack配置 需要在根目录添加.bsvrc.js文件
属性
| 属性 | 说明 | 备注 |
|---|---|---|
| entry | 入口配置(只限Spa项目) | 参考webpack entry |
| output | 输出配置 | 参考webpack output |
| publicPath | 文件输出目录 | 参考webpack publicPath |
| isExtractCss | 是否提取公共样式 | |
| alias | 别名 | 默认@为src文件夹 |
| splitChunks | 分包策略 | 参考webpack splitChunks |
| chunks | js分包模块 | 配合entry |
| define | 定义项目全局变量 | 参考webpack define |
| devServer | 开发服务器配置 | 参考webpack devServer |
| title | 输出页面的title | |
| port | 开发服务器端口号 | 默认值:3000 |