如何在Font-end App中使用常见的JS模块?

时间:2018-11-21 15:27:07

标签: javascript node.js webpack babel

我上了这个课:

class Validations {
    static required (value) {
        // code...
    }

    static min (value, arg) {
        // code...      
    }

    static max (value, arg) {
        // code...
    }
}

module.exports = Validations;

在我的Node.js后端中,我需要这样:

const Validations = require('./Validations.js');

我也需要在Vue应用程序中使用它,但是当我使用require()时,会出现错误:

Cannot assign to read only property 'exports' of object '#<Object>'

有什么方法可以将Babel设置为通用JS模块?

1 个答案:

答案 0 :(得分:0)

您可以使用babel,但我更喜欢 browserify

这是方法:

npm i browseryfy --save

browserify /full-path-tofile/Validations.js:validations>bundle.js

browserify /full-path-tofile/Validations.js>main.js
  • 这是创建模块的命令:

运行这两个命令,将文件放置在项目的根目录中,并要求它们作为脚本在html的head标签中。 请记住,每次更改后,都必须再次重建文件。

只需执行该模块即可:

const blah = require('validations');