1.0.0 • Published 4 years ago

webpack-better v1.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
4 years ago

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
chunksjs分包模块配合entry
define定义项目全局变量参考webpack define
devServer开发服务器配置参考webpack devServer
title输出页面的title
port开发服务器端口号默认值:3000