Split and organize JS files with Webpack, or Parceljs, or another tool?2019 Community Moderator ElectionHow do I redirect to another webpage?How do I include a JavaScript file in another JavaScript file?How does Facebook disable the browser's integrated Developer Tools?NPM vs. Bower vs. Browserify vs. Gulp vs. Grunt vs. WebpackHow to load image files with webpack file-loaderResolving alias in webpackHow to stop Webpack minifying HTML?Build webpack-typescript library for use in other webpack-typescript project with npmset webpack only to compile fileswhere is create-react-app webpack config and files?
Error in master's thesis, I do not know what to do
How can an organ that provides biological immortality be unable to regenerate?
When did hardware antialiasing start being available?
How to read string as hex number in bash?
Is this Pascal's Matrix?
Would this string work as string?
Have any astronauts/cosmonauts died in space?
Pre-Employment Background Check With Consent For Future Checks
Homology of the fiber
How are passwords stolen from companies if they only store hashes?
Air travel with refrigerated insulin
Why is indicated airspeed rather than ground speed used during the takeoff roll?
Hackerrank All Women's Codesprint 2019: Name the Product
What (if any) is the reason to buy in small local stores?
If I cast the Enlarge/Reduce spell on an arrow, what weapon could it count as?
Is VPN a layer 3 concept?
Why doesn't the fusion process of the sun speed up?
Why are there no stars visible in cislunar space?
Did Nintendo change its mind about 68000 SNES?
How can I create URL shortcuts/redirects for task/diff IDs in Phabricator?
CLI: Get information Ubuntu releases
How can a new country break out from a developed country without war?
Why is "la Gestapo" feminine?
10 year ban after applying for a UK student visa
Split and organize JS files with Webpack, or Parceljs, or another tool?
2019 Community Moderator ElectionHow do I redirect to another webpage?How do I include a JavaScript file in another JavaScript file?How does Facebook disable the browser's integrated Developer Tools?NPM vs. Bower vs. Browserify vs. Gulp vs. Grunt vs. WebpackHow to load image files with webpack file-loaderResolving alias in webpackHow to stop Webpack minifying HTML?Build webpack-typescript library for use in other webpack-typescript project with npmset webpack only to compile fileswhere is create-react-app webpack config and files?
Node uses module.exports / require, and ES6 export / import.
I tried using Webpack but didn't manage to make my different JS files working together.
It is easy to set the bundle.js to have the minified code, but I didn't managed to have as inputs several JS files, and to link them together.
Can someone explain (I didn't find clear informations about it) how to use Webpack or Parceljs or another tool, to split a project into several JS files, link them together so they can use functions from others, and compile them together at the end?
I have already tried to use Webpack but my files were not linked together.
Expected: Understand how to set a professional project by splitting the JS files by classes/objects.
javascript webpack parceljs
asked Feb 6 at 8:37
Grégory HuygheGrégory Huyghe
396
add a comment |
Node uses module.exports / require, and ES6 export / import.
I tried using Webpack but didn't manage to make my different JS files working together.
It is easy to set the bundle.js to have the minified code, but I didn't managed to have as inputs several JS files, and to link them together.
Can someone explain (I didn't find clear informations about it) how to use Webpack or Parceljs or another tool, to split a project into several JS files, link them together so they can use functions from others, and compile them together at the end?
I have already tried to use Webpack but my files were not linked together.
Expected: Understand how to set a professional project by splitting the JS files by classes/objects.
javascript webpack parceljs
asked Feb 6 at 8:37
Grégory HuygheGrégory Huyghe
396
add a comment |
Node uses module.exports / require, and ES6 export / import.
I tried using Webpack but didn't manage to make my different JS files working together.
It is easy to set the bundle.js to have the minified code, but I didn't managed to have as inputs several JS files, and to link them together.
Can someone explain (I didn't find clear informations about it) how to use Webpack or Parceljs or another tool, to split a project into several JS files, link them together so they can use functions from others, and compile them together at the end?
I have already tried to use Webpack but my files were not linked together.
Expected: Understand how to set a professional project by splitting the JS files by classes/objects.
javascript webpack parceljs
asked Feb 6 at 8:37
Grégory HuygheGrégory Huyghe
396
Node uses module.exports / require, and ES6 export / import.
I tried using Webpack but didn't manage to make my different JS files working together.
It is easy to set the bundle.js to have the minified code, but I didn't managed to have as inputs several JS files, and to link them together.
Can someone explain (I didn't find clear informations about it) how to use Webpack or Parceljs or another tool, to split a project into several JS files, link them together so they can use functions from others, and compile them together at the end?
I have already tried to use Webpack but my files were not linked together.
Expected: Understand how to set a professional project by splitting the JS files by classes/objects.
javascript webpack parceljs
javascript webpack parceljs
asked Feb 6 at 8:37
Grégory HuygheGrégory Huyghe
396
asked Feb 6 at 8:37
Grégory HuygheGrégory Huyghe
396
asked Feb 6 at 8:37
Grégory HuygheGrégory Huyghe
396
asked Feb 6 at 8:37
Grégory HuygheGrégory Huyghe
396
asked Feb 6 at 8:37
Grégory HuygheGrégory Huyghe
396
396
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
I am not aware of any tools which will automatically split your monolithic code into modules. You will need to employ some method of creating modules (CommonJS, RequireJS, ES2015 modules, etc.) and then use Parcel/Browserify/Webpack from there.
Besides the best practice of not contaminating the namespace, modules, with the help of dynamic loading, can improve performance. Parcel et al will load only the bare minimum at startup.
This article provides a good overview of some of the bundling options and part 1 of the article discusses module options. It is a bit dated but there is quite a bit online around ES2015 modules and transpiling.
answered Mar 6 at 23:20
Not a machineNot a machine
12310
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
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%2f54549454%2fsplit-and-organize-js-files-with-webpack-or-parceljs-or-another-tool%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I am not aware of any tools which will automatically split your monolithic code into modules. You will need to employ some method of creating modules (CommonJS, RequireJS, ES2015 modules, etc.) and then use Parcel/Browserify/Webpack from there.
Besides the best practice of not contaminating the namespace, modules, with the help of dynamic loading, can improve performance. Parcel et al will load only the bare minimum at startup.
This article provides a good overview of some of the bundling options and part 1 of the article discusses module options. It is a bit dated but there is quite a bit online around ES2015 modules and transpiling.
answered Mar 6 at 23:20
Not a machineNot a machine
12310
add a comment |
I am not aware of any tools which will automatically split your monolithic code into modules. You will need to employ some method of creating modules (CommonJS, RequireJS, ES2015 modules, etc.) and then use Parcel/Browserify/Webpack from there.
Besides the best practice of not contaminating the namespace, modules, with the help of dynamic loading, can improve performance. Parcel et al will load only the bare minimum at startup.
This article provides a good overview of some of the bundling options and part 1 of the article discusses module options. It is a bit dated but there is quite a bit online around ES2015 modules and transpiling.
answered Mar 6 at 23:20
Not a machineNot a machine
12310
add a comment |
I am not aware of any tools which will automatically split your monolithic code into modules. You will need to employ some method of creating modules (CommonJS, RequireJS, ES2015 modules, etc.) and then use Parcel/Browserify/Webpack from there.
Besides the best practice of not contaminating the namespace, modules, with the help of dynamic loading, can improve performance. Parcel et al will load only the bare minimum at startup.
This article provides a good overview of some of the bundling options and part 1 of the article discusses module options. It is a bit dated but there is quite a bit online around ES2015 modules and transpiling.
answered Mar 6 at 23:20
Not a machineNot a machine
12310
I am not aware of any tools which will automatically split your monolithic code into modules. You will need to employ some method of creating modules (CommonJS, RequireJS, ES2015 modules, etc.) and then use Parcel/Browserify/Webpack from there.
Besides the best practice of not contaminating the namespace, modules, with the help of dynamic loading, can improve performance. Parcel et al will load only the bare minimum at startup.
This article provides a good overview of some of the bundling options and part 1 of the article discusses module options. It is a bit dated but there is quite a bit online around ES2015 modules and transpiling.
answered Mar 6 at 23:20
Not a machineNot a machine
12310
edited Mar 7 at 19:53
answered Mar 6 at 23:20
Not a machineNot a machine
12310
answered Mar 6 at 23:20
Not a machineNot a machine
12310
answered Mar 6 at 23:20
Not a machineNot a machine
12310
12310
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
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%2f54549454%2fsplit-and-organize-js-files-with-webpack-or-parceljs-or-another-tool%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
