I am trying to use fs-extra to create custom pages, and i can’t figure out how to use the packages in it. I have tried package.json, but it said that ‘document is not defined’.
1 word: webpack
i think there is a webpack template on glitch somewhere, not sure where, but it will show you how to add externals, and make a proper document item, you can call in html
I found the project here, but i don’t know how to use it.
Do you just install the packages and require them in the script file?
Please provide a more informative error, such as filename, message of the error, code, etc.
So we can further look into the issue.
Furthermore, if you’re willing to invite me to your project, please send a Message with the invite URL to the app.
pretty much, but you also gotta set the enviroment up
@Jonyk56 I don’t know how to do that either…
oof, send me the file you want to be html usable, and i will transfer it…
what do you mean? i have HTML, i want to be able to use NPM packages in it.
Hey there, @MeowCatPersonThing! Nice to see you again!
There are a lot of strong and conflicting opinions on the right or the best way to do things.
You’ll need a few things to get started. Here’s what I’ve found so far as the easiest setup to get started.
You’ll need to install Node.js and NPM. Download here
Check that worked by running
npm and making sure it actually prints something out.
Hello World for NPM modules in the browser [An example app]
- Make sure prerequisites are installed, or install them if they are not.
- Set up your directory with npm init:
- Install any npm modules you’d like to use. In this example, I used two modules:
npm install --save arithmeticand
npm install --save repeat-string
var arithmetic = require('arithmetic'); arithmetic.add(2, 4);
browserify newway.js -o bundle.js
If you use browserify like this, you’ll have to make a new bundle every time you make a change. To make it a bit easier, you can run this watchify command, which will create your new bundle every time you save your file.
watchify newway.js -o bundle.js
- Now you include a script tag with bundle.js.
So it is a bit more steps and a few more tools — and much harder to get initially set up, but once you are familiar there is lots of good stuff there.
Here’s one more sample simple setup
<h1>Simple Web Page</h1><script src=”simplebundle.js”></script>
var repeat = require(‘repeat-string’);console.log(repeat(‘hey’, 100)); document.write(repeat(‘hey’, 10));
$ npm install repeat-string
$ watchify main.js -o simplebundle.js
Good luck & hope this helps!
but i don’t think you can install npm directly with glitch…
Hey there, for all I know, NPM is already integrated on Glitch, or perhaps, Node.js is already integrated on Glitch, and NPM comes with Node.js. Thus, both of these softwares are built-in a Glitch app already.
nodejs is a direct link to npm, so glitch has to install nodejs, and they got the whole bundle
yes npm is there, but you should use pnpm to avoid running out of space generally
hey, about this again, the command
npm does not work.
pnpm returns this error: /usr/bin/env: ‘node’: No such file or directory
I also used
enable-pnpm to no avail
The project name is night-whale if that helps.
You have to create a hello-express project, not hello-webpage.