第7章Webpack(--watch,npm)

npx webpack --watch

コードの変更と入力を避けるために使用

使用

このように実行し、進捗を維持します.
この状態では、バインドするjsを変更して保存するだけで、コマンドを実行するようにバインドされます.

終了

「ctrl+cで終了」警告ウィンドウが表示されたら、yを押します.

npm webpackでインポート

lodashの使用

npx webpackコマンドを使用してインストール

index.js修正

既存のインデックス.js

import hello_word from "./hello.js"
import world_word from "./world.js"
import css from './style.css';
document.querySelector('#root').innerHTML = hello_word + '  ' + world_word;

console.log('css',css)

索引を変更します.js

import hello_word from "./hello.js";
import world_word from "./world.js";
import _ from "lodash";
import css from "./style.css";
document.querySelector("#root").innerHTML = _.join(
  [hello_word, world_word],
  " "
);

console.log("css", css);

npx webpacklodashコンテンツをインポートし、npm i lodashで使用します.△結果は同じですが、lodashはこのように利用できます.

ソース

生活コード