webpack build in think

项目的发布

项目现在项目有

  • react
  • react-router
  • ant.design
  • third antd component
  • app component

App

在之前的项目中。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
framework_and_overrides.css.scss

// import the CSS framework
@import "bootstrap";
@import "jasny-bootstrap";

// make all images responsive by default
//img {
// @extend .img-responsijve;
// margin: 0 auto;
//}

// override for the 'Home' navigation link
.navbar-brand {
font-size: inherit;
}

在后面的配置：

1
2
Rails.application.config.assets.precompile += %w( framework_and_overrides.css app_mobile.css app_admin.css app_error.css )
Rails.application.config.assets.precompile += %w( app_web.js app_mobile.js app_admin.js )

在前端的引用：

1
= stylesheet_link_tag 'app_web', media: 'all', 'data-turbolinks-track' => true

但 React.js 改变了这一些。

JS/CSS/HTML 单独的情况被改变了。它变成了一个合成的包了。叫 component。

所以，理论上 React 打包，每个包是

react
react-router
redux

JS only

ant.design
基于 redux 的一些组件库

JS & css

APP 中包含 css/jsx。

Js css

所以，可以打成3个包。