フロントエンドes 6はrequireを用いてピクチャを導入する

2126 ワード

HTML 5 javascript

1、静的に書くのは問題ない

var imgUrl = require('../images/001.png');

2、画像をダイナミックに取り込みたい場合は、エラーを報告します

var ImgSrc = "../images/001.png";
var img = require(ImgSrc)

requireはパッケージングツールに必要な標識なので、実行時に変数定義で書くと、取得できず、パッケージングできません.
3、require()はpathでなければなりません

 1. var imgSrc = "001.png";
require("../../asset/images/" + imgSrc);
 2. var imgName = "001";
require(`../../asset/images/${imgName}.png`);