Programing > JavaScript > node.js
СJavaScriptĶƱˡNode.js Υѥåޥ͡ǤnpmѤơJSΤγȯĶۥġȤƤѤ롣
1. node.jsե륵˥
2. ʬδĶ˹碌ƥɡܥȡ
ǡnode.js뤬Ȥ褦ˤʤ롣
node ץץȤǼ¹
> node --version v12.13.1
> npm --version 6.12.1
ʲserver.js(桼̾)\(node)ե˺
var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('Hello World!\n'); }).listen(1337, '127.0.0.1');
> cd node > node server.js
֥饦ǡ˥
http://localhost:1337/
$ npm help command $ npm --help command
$ npm -v $ npm -version $ npm --version
package.jsonprojectpackage뤿Υե롣 ץȤΥѥå뤿package.json롣
$ npm init $ npm init -y
Х
$ npm install -g package
ץȤξ硣--save-devդȡinstalllibraryξưpackage.json˽Ƥ롣
$ npm install --save-dev package
ץ̵ǡnpm install¹Ԥȡpackage.jsonƤ˽äơpackageȡ뤷Ƥ롣
$ npm install
Windowsnpm install Ȥ֤礬롣˰ʲΥޥɤ¹Ԥ롣 http://blog.higty.xyz/post/npm-install-does-not-end/
$ npm config set registry http://registry.npmjs.org/
$ npm list -g $ npm list -g package $ npm list package
$ npm info package $ npm view package $ npm show package
$ npm run script
$ npm uninstall -g package
JavascriptΥ⥸塼Хɥġ롣CSSեʤɤ⡢JSեȤƤޤȤ롣
https://scrapbox.io/yyycatch-42774423/webpack
$ npm init -y $ npm install -save-dev webpack $ npm install -save-dev webpack-cli
. package.json index.html dist main.js src index.js foo.js bar.js
// index.js var foo = require('./foo'); var bar = require('./bar'); var el = document.getElementById('box'); el.textContent = foo() + ' ' + bar(); console.log(`Welcome WebPack4`);
// foo.js function foo() { return 'foo!foo!'; } module.exports = foo;
// bar.js function bar() { return 'bar!bar!'; } module.exports = bar;
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript Module example</title> </head> <body> <p id='box'></p> <script src="./dist/main.js"></script> </body> </html>
package.json npm-scripts 롣
ǡNodeΥޥɥ饤顢webpackưǤ褦ˤʤ롣
"scripts": { "dev": "webpack --mode development", "build": "webpack --mode production" }
ǥХåѤγȯ⡼ɡdistեˡmain.jsƤ롣
$ npm run dev
֥⡼ɡminify롪
$ npm run build
webpack.config.jsѰդȡȥݥ(롼Ȥˤʤե)ʤɤǤ褦ˤʤ롣
եȥɤѤǤѥåġ
Υӥɥץǡ⥸塼礹
1node.jsΥޥɥ饤ǡgulp.jsȡ
$ npm install -g browserify
2. JSեˡrequireǥ⥸塼Ҥ 3. ⥸塼礹
$ browserify js/main.js -o bundle.js
node.jsgulp.jsǡJavascriptCSS硦̤롣
WindowsǤ⡢ǤեϡJavascriptäݤ롣
JavascriptCSS硦̤ץ饰
node.jsȡ
node.jsΥޥɥ饤ǡgulp.jsȡ
> npm install -g gulp
ե(D:\gulp_test\ )˰ươgulpȥץ饰ȡ롣ϡեȤˤ롣
> cd /d D:\gulp_test\ > npm install gulp > npm install --save-dev gulp-concat gulp-uglify gulp-cssmin
gulpfile.js
gulp¹
> gulp