1.0.0 • Published 4 years ago
webpack-better v1.0.0
Webpack-bsv
快速搭建前端React项目,减少webpack配置学习成本
Install
npm install webpack-bsv --D
Usage
命令
//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 |