配置项 | 默认值 | 说明 |
---|---|---|
buildPath | dist | 输出目录 |
enableHotModuleReplacement | true | 启用热更新 |
framework | raect | 依赖框架,目前只对 react 有做优化,包括引入 react-hot-loader |
htmlWebpackPlugin | {inject: true, chunksSortMode: 'auto', cache: true, showErrors: true} |
htmlWebpackPlugin 插件配置, 参考 https://github.com/jantimon/html-webpack-plugin#configuration |
browserSupports | last 2 version | 浏览器支持配置,影响 babel 和 autoprefixer , 配置参考:https://github.com/ai/browserslist |
dll | { enable: false, enclude: [] } |
是否启用 dll,enclude 提供打入 dll 包的模块 |
providePluginConfig | {} |
主要用来支持 jQuery �依赖全局挂载的老模块, 参考 https://webpack.js.org/plugins/provide-plugin/ |
babelUseBuiltIns | true | babel-preset-env#usebuiltins 配置 |
https | false | 开发环境的 https 支持 |
useFolderAsHtmlName | false | 使用 page 下的目录名作为页面名 |
publicPath | ../ |
webpackConfig.output.publicPath , 只在构建时生效 |
contentBase | undefined | 配置 devServer 的 contentBase,默认包含当前项目的输出目录,不需要配置 |
commonVendors | [] | 所有 entry 共享的 vendors |
ignorePages | [] | 配置不需要打包的入口,取 pages 下的子目录名 |
引用 svg 路径后加上 ?reactComponnet
,svg 会被转换成 react component
否则 svg 会被当成普通的资源文件,使用 file-loader 加载
import Foo from './foo.svg?reactComponnet';
<Foo />