How to use common JS modules in font-end app?
up vote
-3
down vote
favorite
I have this class:
class Validations {
static required (value) {
// code...
}
static min (value, arg) {
// code...
}
static max (value, arg) {
// code...
}
}
module.exports = Validations;
In my Node.js back-end i require it like this:
const Validations = require('./Validations.js');
I need to use it in my Vue app as well, but when I use require()
, I get error:
Cannot assign to read only property 'exports' of object '#<Object>'
Is there any way to set Babel to transpile it into common JS module?
javascript node.js webpack babel
add a comment |
up vote
-3
down vote
favorite
I have this class:
class Validations {
static required (value) {
// code...
}
static min (value, arg) {
// code...
}
static max (value, arg) {
// code...
}
}
module.exports = Validations;
In my Node.js back-end i require it like this:
const Validations = require('./Validations.js');
I need to use it in my Vue app as well, but when I use require()
, I get error:
Cannot assign to read only property 'exports' of object '#<Object>'
Is there any way to set Babel to transpile it into common JS module?
javascript node.js webpack babel
Yes. Yes there is.
– Jared Smith
Nov 21 at 15:33
Possible duplicate of How to use npm modules in browser? is possible to use them even in local (PC) ? - javascript
– Jared Smith
Nov 21 at 15:38
add a comment |
up vote
-3
down vote
favorite
up vote
-3
down vote
favorite
I have this class:
class Validations {
static required (value) {
// code...
}
static min (value, arg) {
// code...
}
static max (value, arg) {
// code...
}
}
module.exports = Validations;
In my Node.js back-end i require it like this:
const Validations = require('./Validations.js');
I need to use it in my Vue app as well, but when I use require()
, I get error:
Cannot assign to read only property 'exports' of object '#<Object>'
Is there any way to set Babel to transpile it into common JS module?
javascript node.js webpack babel
I have this class:
class Validations {
static required (value) {
// code...
}
static min (value, arg) {
// code...
}
static max (value, arg) {
// code...
}
}
module.exports = Validations;
In my Node.js back-end i require it like this:
const Validations = require('./Validations.js');
I need to use it in my Vue app as well, but when I use require()
, I get error:
Cannot assign to read only property 'exports' of object '#<Object>'
Is there any way to set Babel to transpile it into common JS module?
javascript node.js webpack babel
javascript node.js webpack babel
asked Nov 21 at 15:27
Ondřej Cibulka
11
11
Yes. Yes there is.
– Jared Smith
Nov 21 at 15:33
Possible duplicate of How to use npm modules in browser? is possible to use them even in local (PC) ? - javascript
– Jared Smith
Nov 21 at 15:38
add a comment |
Yes. Yes there is.
– Jared Smith
Nov 21 at 15:33
Possible duplicate of How to use npm modules in browser? is possible to use them even in local (PC) ? - javascript
– Jared Smith
Nov 21 at 15:38
Yes. Yes there is.
– Jared Smith
Nov 21 at 15:33
Yes. Yes there is.
– Jared Smith
Nov 21 at 15:33
Possible duplicate of How to use npm modules in browser? is possible to use them even in local (PC) ? - javascript
– Jared Smith
Nov 21 at 15:38
Possible duplicate of How to use npm modules in browser? is possible to use them even in local (PC) ? - javascript
– Jared Smith
Nov 21 at 15:38
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
You can use babel, but I prefer browserify.
Here is how to do it:
npm i browseryfy --save
browserify /full-path-tofile/Validations.js:validations>bundle.js
browserify /full-path-tofile/Validations.js>main.js
- this is the command to create the module:
Run both of these commands, place the files in the root of your project and require them in the html's head tag as scripts.
Remember, after each change, you must rebuild the files again.
To require the module you just do:
const blah = require('validations');
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
You can use babel, but I prefer browserify.
Here is how to do it:
npm i browseryfy --save
browserify /full-path-tofile/Validations.js:validations>bundle.js
browserify /full-path-tofile/Validations.js>main.js
- this is the command to create the module:
Run both of these commands, place the files in the root of your project and require them in the html's head tag as scripts.
Remember, after each change, you must rebuild the files again.
To require the module you just do:
const blah = require('validations');
add a comment |
up vote
0
down vote
You can use babel, but I prefer browserify.
Here is how to do it:
npm i browseryfy --save
browserify /full-path-tofile/Validations.js:validations>bundle.js
browserify /full-path-tofile/Validations.js>main.js
- this is the command to create the module:
Run both of these commands, place the files in the root of your project and require them in the html's head tag as scripts.
Remember, after each change, you must rebuild the files again.
To require the module you just do:
const blah = require('validations');
add a comment |
up vote
0
down vote
up vote
0
down vote
You can use babel, but I prefer browserify.
Here is how to do it:
npm i browseryfy --save
browserify /full-path-tofile/Validations.js:validations>bundle.js
browserify /full-path-tofile/Validations.js>main.js
- this is the command to create the module:
Run both of these commands, place the files in the root of your project and require them in the html's head tag as scripts.
Remember, after each change, you must rebuild the files again.
To require the module you just do:
const blah = require('validations');
You can use babel, but I prefer browserify.
Here is how to do it:
npm i browseryfy --save
browserify /full-path-tofile/Validations.js:validations>bundle.js
browserify /full-path-tofile/Validations.js>main.js
- this is the command to create the module:
Run both of these commands, place the files in the root of your project and require them in the html's head tag as scripts.
Remember, after each change, you must rebuild the files again.
To require the module you just do:
const blah = require('validations');
edited Nov 21 at 16:28
answered Nov 21 at 16:21
squeekyDave
329112
329112
add a comment |
add a comment |
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53415332%2fhow-to-use-common-js-modules-in-font-end-app%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Yes. Yes there is.
– Jared Smith
Nov 21 at 15:33
Possible duplicate of How to use npm modules in browser? is possible to use them even in local (PC) ? - javascript
– Jared Smith
Nov 21 at 15:38