roadhog 2.0 发布 #55
roadhog 2.0 发布 #55
Comments
如果开启了 hash,这个 html 岂不是要手动维护。 |
这个 |
这样会让人误解的,public/index.html 引用的 index.js 在 dist 里根本不存在。 |
那开个 html 的配置项,然后透传给 html-webpack-plugin 吧。 e.g.
|
“出错点击后跳转到 IDE” 这个 IDE如何设置? |
不用设置,自动判断的。 |
我点击后打开的是sublime text,但是我想让他用web storm打开。是和操作系统的设置有关?比如js文件的默认打开程序?但是我.js默认使用VSCode打开的。 |
你把 sublime 关了,然后开着 webstorm,看下是用什么打开的。 |
明白了,要设置REACT_EDITOR环境变量 Could not open search.js in the editor. To set up the editor integration, add something like REACT_EDITOR=atom to the .env.local file in your project folder and restart the development server. Learn more: https://goo.gl/MMTaZt |
|
有什么办法可以提高dev server速度的么?现在没了dll plugin,启动速度和重新编译速度都很慢。我的项目要半分钟了。原来使用dllplugin的时候是重编速度6-7秒。 |
按需编译,umi 里有实现。 |
require 用的地方应该不多吧,大部分应该是 import 才对。而且 |
|
不支持装饰器的写法了吗? |
要额外引 babel 插件的,1.0 的时候也是这样。 |
不能。 |
其他的步骤也照做了 |
@bibiehy 如果有 babel-runtime 依赖和配置了 babel-plugin-transform-runtime 插件,需删除,因为已内置处理,否则可能会报 this.setDynamic is not a function 的错误 |
@sorrycc 谢谢,2个都删除掉,修改"extraBabelPlugins": ["@babel/transform-runtime"]就好了。 还一个问题,js 校验工具ESLint 的配置在哪里修改或者禁用。 @+babel/transform-runtime不见了。|- _ - |
可以 |
No more --watch for roadhog build? I need that... |
@Tsury thanks for feedback, it's supported in roadhog@2.0.6 . |
@sorrycc thanks! Another request - is it possible to build in debug? I'm trying to build, but it only builds for production. I see this line in af-webpack build.js line 32: Then in af-webpack's getConfig.js file line 66: And then everything in the config is optimized for release (uglified, etc...) because Is there a way to build debug output files (no dev server)? No compression, no optimizations. |
@Tsury |
It's still not enough. Also, another issue - because of: This line forces my ENV to be production, and then my 'production' configuration in .webpackrc.js is used, instead of my development configuration. Something here looks a little awkward to me. EDIT: I would just like to control the NODE_ENV myself, and build debug, without af-webpack forcing it to be 'production'... |
请问下没有了library,如果使用roadhog打包dva模块给被人用,如何配置roadhog代替library ? |
部署到服务器和一样的问题 |
在开发环境跑是没有问题的,也没有警告,不用dva直接在入口index.js文件中写ReactDom都出不来,而且在其他浏览器也是没有问题的 |
roadhog升级至2.4.1后,配置文件webpackrc里,env下的production配置为什么不起作用了吗, |
你升级到最新版本就可以了。 |
那个commons的配置可不可以写的更清楚一些呢,比如我想把moment库提出来 |
roadhog 建构完的包很大,怎样使用tree-shaking |
"dllPlugin (学习成本太高,并且有其他方法可以提升 dev server 启动速度)", 这里的其他方法,还请给一些指导,谢谢! |
@sorrycc 您好,我刚接触这个,不是太懂,想请教您一下:我想使用
|
在index.js中引用了sass文件 |
按你说的做了还是报了this.setDynamic is not a function的错,根本就没有解决 |
roadhog2.0这个版本支持webpack-deep-scope-plugin? |
"build": "cross-env NODE_ENV=prd roadhog build"这个命令在文件中判断环境 process.env.NODE_ENV的值怎么不是prd |
|
define 用不了 |
how to disable eslint in roadhog@2.4.9 ? |
请问你这样配了transform-decorators-legacy 生效了吗,为什么我的不生效呢。 |
export default { 这样配transform-decorators-legacy 不生效。 |
不知道你后来配置好了吗?我在我的webpackrc file中试了如下的配置:
但还是报错说 “Error: Cannot use the decorators and decorators-legacy plugin together” |
为什么配置了代理但是不管用 |
为什么设置代理不管用 |
趁着元旦,roadhog 2.0 发布了,我们一起来看看有啥变化吧。
一、
首先,我们把底层重写,基于 af-webpack。
为啥要基于 af-webpack?单看 roadhog,这意义不大,但如果有数个工具都基于 af-webpack 做上层封装,那么就意味着 webpack 工具层的配置统一。 尤其对我们内部来说,有 4-5 个工具,每个工具有各自的配置方法,对于开发者来说无疑是个灾难。对外部的同学来说,umi 和 roadhog 都基于 af-webpack,那么之后在这两个工具之间切换,webpack 的配置层是无需变动的。
另外,大家会发现 roadhog 的 issue 维护不太积极,是因为我的工作重心目前不在这,而是在 umi 上。所以切换到 af-webpack,af-webpack 是 umi 的底层共建,这样就可以变相地保证我在这个项目上的投入。
同时,为了更通用,配置文件从
.roadhogrc
更名为.webpackrc
。二、
然后,在体验上,保持了和 create-react-app 最新版一致。像是 redbox 显示出错信息、HMR、出错点击后跳转到 IDE、ESLint 出错提示等等。
并在此基础上,增加了:
三、
roadhog 从命令的维度看,包含 dev (mock),build,test。
变化是:
四、
配置项即功能,这里有比较大的变化。
不再支持的有:
功能变化的有:
新的有:
五、
此外,还有一些变化:
src/index.ejs
的方式生成 Html六、
最后,我们对照 ant-design-pro 的升级 PR 来看下如何升级到 raodhog@2 。
对于大部分的应用来说,只要:
然后,由于内置了
babel@7
,@babel/polyfill
this.setDynamic is not a function
的错误require('./file')
需改为require('./file').default
再然后,如果有
src/index.ejs
,需要额外配置 html 属性,最后,有些配置不再支持,需考虑替代方案或使用 webpack.config.js 进行配置。
(完)
The text was updated successfully, but these errors were encountered: