可以't让browserfy使用babel-plugin-transform类属性
Can't get browserify to use babel-plugin-transform-class-properties
我正在尝试在我的项目中使用MobX,并尝试使用类属性。然而,当我浏览浏览时(使用Laravel的Elixir)。我得到错误Missing class properties transform. while parsing file
。在使用browserfy获取类属性时,我是否缺少一些东西?
Browserify Failed!: /Users/.../resources/assets/js/pages/Show/CampaignStore.js: Missing class properties transform. while parsing file: /Users/.../resources/assets/js/pages/Show/CampaignStore.js
Missing class properties transform.
2 |
3 | class CampaignStore {
> 4 | id = Math.random();
| ^
5 | @observable title = '';
6 | @observable messages = [];
7 |
我的.babelrc文件:
{
"presets": [
"es2015",
"react",
"stage-0"
],
"plugins": ["transform-decorators-legacy", "transform-class-properties"]
}
类
import { observable, computed } from 'mobx';
class CampaignStore {
id = Math.random();
@observable title = '';
@observable messages = [];
// ...
}
gullfile.js
require('dotenv').config();
var elixir = require('laravel-elixir');
var HOST = process.env.SERVER || 'http://localhost';
elixir.config.js.browserify.transformers.push({
name: 'babelify',
options: {
presets: ["es2015", "react", "stage-1"],
plugins: ["transform-class-properties"]
}
});
elixir(function(mix) {
mix.browserify('pages/Show.js', 'public/js/bundles/show.js');
mix.sass('clean.scss');
mix.browserSync({
proxy: HOST
});
});
您应该完全覆盖babelify
转换器:
elixir.config.js.browserify.transformers
.find(transformer => transformer.name === 'babelify')
.options = {
presets: ['es2015', 'react', 'stage-1'],
plugins: ['transform-class-properties'],
};
或者只使用相同的babel配置文件:
elixir.config.js.browserify.transformers
.find(transformer => transformer.name === 'babelify')
.options = require('./package.json').babel;
相关文章:
- 转换成ES 5使用babel通过吞咽手表不工作
- 使用babel,我如何将一些代码附加到每个文件的顶部
- 可以't让browserfy使用babel-plugin-transform类属性
- 使用AdMob Plugin Pro时出错
- 使用 Babel 转译器导入类并调用带有 ES6 模块的静态方法
- 是否有人在生产 Rails 应用程序中使用 Babel/6 到 5
- 使用 Babel 将 ES6 模块转换为 ES5 AMD 模块,无法按预期工作
- 使用Babel.js的Transpile Async Await提案
- 使用babel在JSX中导出默认值失败
- 我如何使用babel polyfill来支持gullow的所有IE11问题
- 使用babel polyfill加载哪些polyfill
- 无法使用 Babel 和 Webpack 导入 Express
- 使用 Babel 编译带有依赖项的 JavaScript
- 如何让装饰师使用 babel & webpack
- 使用 babel-relay-plugin 时出错
- 使用 babel 将 es6 转换为 es5,然后与 Browserify 捆绑
- 使用 Babel CLI 提取器提取 Javascript 获取文本消息
- 开始使用 babel-cli
- 使用 cordova-plugin-crosswalk-webview 从 JS 调用本机 Java 代码
- 如何使用新的babel-plugin-__coverage__向karma添加覆盖率报告