책 "Riot.js 간단한 웹 응용 프로그램 개발"읽기 노트

현재 SPA를 구축할 수 있는 프로그램 라이브러리의 입문서도 읽고 있다.
링크는 가능한 한 Official Site 링크를 붙여야 합니다.

npm 명령

은 Server Side JavaScript(노드.js)에서 사용할 수 있는 Package 관리 도구입니다.Package는 다음 1을 의미합니다.3. 총결산

module

command executable

both of the above items

CLI documentation | npm Documentation

C 언어의 library, Ruby의 library에 해당합니다.이 명령은 dpkg(Debian Package, 1993), appt(Advanced Package Tool, 1999)로부터 프롬프트를 받을 수 있습니다.데비안은 두 사람의 이름을 합성한 신조어다.

npx 명령

Install의 Package에 포함된 명령을 해결하고 실행하는 데 사용되는 편리한 도구입니다.
Package는 globl install, local install(selected by default)을 선택할 수 있습니다.후자를 선택하면 설치를 실행하는 폴더의 node-modules 폴더에 Package, node 구성modules 폴더를 삭제하면 깨끗하고 나중에 깨끗하게 정리됩니다.
설치 패키지를 만들면 200MB-300MB의 디스크 용량이 소모될 수 있기 때문에 패키지를 사용할 때 local 설치를 선택하는 것이 상책이다.
npx - npm
명령 실행 예
a.sh

> npx yarn -v
npx: 1個のパッケージを1.893秒でインストールしました。
1.22.5

yarn 명령

Yet Another npm 명령입니다.모바일 서적 샘플 사이트(이하 링크)의 코드가 필요합니다.
kkeeth/riot4-book-example-apps

In-browser compilation

브라우저에서 구성 요소 파일(riot 파일)을 컴파일하는 동시에 실행할 수 있습니다.
다음 링크는 online JavaScript IDE의 예입니다.
Plunker - riot4 template
Vue.js 같은 경우 bundler (e.g.webpack) 를 사용하여vue 파일을 컴파일한 후 실행합니다.하지만 리오.js는 이와 다른 집행 수단을 제공했다.
컴파일러.js

module, Package 제작용 패키지 제작 및 호출.json의 기술

다음 코드main.js에서 index.js 파일에 기술된 Foo module을 사용했습니다.

import Foo from '../index';

const obj = new Foo();
obj.bar //  => "OK"

index.js 파일은 다음과 같다.모듈러 대상의 exports 속성에 구조기 함수Foo를 등록하면 모듈이 됩니다.
Foo module을 Package, package로 만들기 위해json 파일을 준비합니다.
devDependencies 속성에서 개발할 때 + 정식으로 사용된 모듈을 설명합니다.
e.g. (package.json)

function Foo() {
    this.bar = function() {
        return "OK";
    };
}
module.exports = Foo;