8 docs tagged with "webpack"

在适配低端机时，在 webpack 中使用了 babel，结果生成的 js 代码中依然有()=>和const写法，一看就是 babel 不生效，报错如下：

- 网页呈现：元素(elements)、样式(styles)、逻辑(js)。

在打包多个页面时，他们会共享一些公共的代码，比如：React、React-DOM 等，默认 webpack 的每个 entry 会把这些依赖的代码都打包到 index.js 文件中去，这就导致如果用户访问了多个这些页面，公共库的代码其实是重复加载的。所以一般会把多页面公用的类库单独提取出来打包成一个 js 文件。

使用 typescript 创建一个 React 工程，并将 tsx 文件编译为 js。

目前为止我们通过 webpack 编译 tsx 代码，通过 HtmlWebpackPlugin 生成 html 文件，还没有涉及到静态资源的打包，即图片、字体、音效、css、less。

目前要输出的 entry 路径是我们硬编码的(tsc_outputs/src/screen/membership/pages/index/index.js)，实际开发中我们希望可以通过一定的规则扫描目录，自动生成 entry 数组，同时编译生成多个 html 文件。

目前为止，我们实现了一个简单的 React 工程，可以将 tsx 代码文件通过 webpack 最终打包成一个 js 文件，但还没能将它们打包成一个 html 文件。

通过 webpack 编译多个 tsx 文件，生成单一的 js。