Comments (14)
找了半天没找到example,看了下源码:
发现正确的使用姿势是:定义 webpack.config.js
返回一个 function 接受两个参数 webpackConfig, env
module.exports = function (webpackConfig, env) {
// 对roadhog默认配置进行操作,比如:
if (env === 'development') {
webpackConfig.plugins.push('...')
}
return webpackConfig;
}
from roadhog.
@weishijun14
不好意思回复晚了,希望还可以帮到你
参考上面的回复, 需要操作原有webpackConfig
使用sass-loader的话可能需要去掉原有的less-loader
参考默认配置
在自定义的 webpack.config.js
里:
需要删除默认配置 webpackConfig.module.loaders 数组里面关于css/less的loader引用,
然后 webpackConfig.module.loaders.push(sassLoader)
当然这样子违背了roadhog的初衷,请谨慎使用
from roadhog.
我们现在用roadhog出现一个问题,工程打包太慢。是因为什么配置的原因吗?打开debug模式,原来几个小时,瞬间3分钟就打完了。但是感觉不能上生产。有什么方式可以加快速度吗。比如说第三方库与业务代码分离等。用roadhog怎么配置呀?求指导,万分感谢
from roadhog.
- https://github.com/js-cli/js-rechoir
- https://github.com/js-cli/js-liftoff/blob/master/lib/register_loader.js
- https://github.com/js-cli/js-interpret
from roadhog.
from roadhog.
支持 es6,会用 babel-register 进行 transform。
from roadhog.
from roadhog.
from roadhog.
请问使用 webpack 配置,是一个和 roadhog 默认配置 merge 的操作,还是完全根据 webpack.conf.js 配置的跑?
from roadhog.
@Kaijun 请问下我想使用sass-loader 应该如何写?谢谢
from roadhog.
@Kaijun 明白了!谢谢!!
from roadhog.
强烈需求可以配置css loader。。 更改现有的css实现太麻烦了
from roadhog.
module.exports = function (webpackConfig, env) {
// 对roadhog默认配置进行操作,比如:
if (env === 'development') {
webpackConfig.plugins.push('...')
}
+ return webpackConfig;
}
from roadhog.
赞
from roadhog.
Related Issues (20)
- 从1.x升级到2.x 运行时babel报错
- 升级到2.x之后eslint报错
- 加入websocket代理后crash HOT 1
- 打包后放到服务器上的时候不加载样式,本地却没有问题 HOT 3
- babel-loader isn’t transpiling Quill’s modules because they're inside node_modules/
- 升级2.0以后,libraryTarget没有了,怎么做组件了?在线等 HOT 3
- 指定启动端口无效
- 普通的js,非js组件,如何获得model的值,虽然能挂载window,但是这方法好low
- Module build failed:var content = require("!!../../../../css-loader/index.js!../../../../postcss-loader/lib/index.js!../../../../less-loader/dist/cjs.js??ref--13-3!./index.less"); ^ Unrecognised input in C:\workSpace\git\dap\node_modules\antd\es\auto-complete\style\index.less (line 2, column 12) HOT 1
- less mixins 调用函数直接取变量值时,编译报错 unrecognised input HOT 1
- libraryTarget 、library配置一直报错,期望给出示例
- extraBabelIncludes未应用extraBabelPlugins规则造成无法Uglify的问题
- 2.1.0版本的roadhog怎么设置headers、library、libraryTarget、jsonpFunction
- dva-hmr热更新问题
- 打包 Uglifyjs 报错问题
- 维护一个老的roadhog 1.x项目, 发现配置publicPath不生效. HOT 1
- 构建报UglifyJs错误 HOT 4
- 1.3.1升级到2.4.9报错,Can't resolve '@babel/runtime/helpers/esm/extends' HOT 1
- bug
- 2.x版本的roadhog如何配置postcss-px-to-viewport或者postcss-pxtorem呀? 试了下配置不生效
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from roadhog.