Giter Site home page Giter Site logo

Comments (17)

sorrycc avatar sorrycc commented on June 29, 2024 1

roadhog 实现:

  1. 通过 .roadhogrc 的 extraBabelIncludes 规则,指定除 src 目录外需要 babel 处理的文件夹
  2. 一条文件夹加一个 babel loader 处理规则
{
  test: /\.(js|jsx)$/,
  include: %文件夹%,
  loader: 'babel',
},

from roadhog.

szwork2013 avatar szwork2013 commented on June 29, 2024

如果没有 webpack.config.js配置文件,动态加载route还不能对 chunkFilename配置吗?比如 '[name].[hash].js'

from roadhog.

sorrycc avatar sorrycc commented on June 29, 2024

动态加载的文件为何要进行命名?

from roadhog.

szwork2013 avatar szwork2013 commented on June 29, 2024

我是说按需加载方式生成在dist的文件,加上 [hash]后可以自动部署在生产环境,不用手工加其他防止缓存的参数

from roadhog.

gzbigegg avatar gzbigegg commented on June 29, 2024

这个现在有了吗?我在 .roadhog.mock.js 中引入了 mockjs,估计要这个才能修复。

from roadhog.

sorrycc avatar sorrycc commented on June 29, 2024

这个现在有了吗?我在 .roadhog.mock.js 中引入了 mockjs,估计要这个才能修复。

这个和 babel 转换无关吧。

from roadhog.

gzbigegg avatar gzbigegg commented on June 29, 2024

好象之前看你写到过 babel 默认只对 ./src 目录下的文件做处理。我在 .roadhog.mock.js 文件中包含了其他的带有 mockjs 数据的文件,因为 .roadhog.mock.js 不在 ./src 目录下,所以这一系列的文件都必须用老的 JS 的语法。目前来看问题不是很大,能绕过去,比较困扰的是有一个浏览器的 localStorage 不能直接用了。

from roadhog.

sorrycc avatar sorrycc commented on June 29, 2024

./.roadhogrc.mock.js./mock/ 文件夹都是走 babel 解析的。

from roadhog.

gzbigegg avatar gzbigegg commented on June 29, 2024

等你下一个版本发布了我再试试吧。

from roadhog.

zhengqingxin avatar zhengqingxin commented on June 29, 2024

@sorrycc 一条文件夹加一个 babel loader 处理规则这里还是没太懂,要在哪里加呢?

from roadhog.

sorrycc avatar sorrycc commented on June 29, 2024

这是内部实现,不用管。参考这个用例进行配置吧,https://github.com/sorrycc/roadhog/blob/master/test/fixtures/build/extraBabelIncludes/.roadhogrc

from roadhog.

zhengqingxin avatar zhengqingxin commented on June 29, 2024

我用dva新建了一个项目,修改目录结构为:

然后将.roadhogrc改为一下内容:

{
  "entry": "src/index.js",
   "extraBabelIncludes": [
      "www/static/src"
    ],
  "env": {
    "development": {
      "extraBabelPlugins": [
        "dva-hmr",
        "transform-runtime"
      ]
    },
    "production": {
      "extraBabelPlugins": [
        "transform-runtime"
      ]
    }
  }
}

发现将 index.js 和 index.css 编译成了 html 的内容?如图:

dva-cli 版本 0.7.8,roadhog 版本 0.5.4

from roadhog.

sorrycc avatar sorrycc commented on June 29, 2024

entry 没配对。

from roadhog.

zhengqingxin avatar zhengqingxin commented on June 29, 2024

entry 要配成 www/static/src 吗? 这样配会报 Unexpected token 那个错误了

from roadhog.

sorrycc avatar sorrycc commented on June 29, 2024

roadhog 升级下,0.5.4 估计还没这个配置项。

from roadhog.

baobao12356 avatar baobao12356 commented on June 29, 2024
"extraBabelIncludes": [
	"node_modules/qs",
	"node_modules/query-string",
	"node_modules/events",
	"node_modules/dashjs",
	"node_modules/pearplayer",
	"node_modules/webtorrent",
	"node_modules/dplayer",
	"node_modules/shaka-player",
	"node_modules/hls.js",
	"node_modules/flv.js",
	"node_modules/typescript",
	"node_modules/event-emitter",
	"node_modules/dva-immer",
	"node_modules/immer"
]这样么?

from roadhog.

baobao12356 avatar baobao12356 commented on June 29, 2024

这是内部实现,不用管。参考这个用例进行配置吧,https://github.com/sorrycc/roadhog/blob/master/test/fixtures/build/extraBabelIncludes/.roadhogrc

这打开是404
Uploading image.png…

from roadhog.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.