npm install --save-dev file-loader
配置
const {resolve} = require('path');
module.exports = {
entry: './src/index.js', //入口文件
output: {
filename: 'main.js', //输出文件名
path: resolve(__dirname, 'dist') //输出文件路径
},
module: {
rules: [
{
test: /\.css$/, //正则匹配
use: ['style-loader', 'css-loader'] //加载css
},
{test: /\.less$/, use: ['style-loader', 'css-loader', 'less-loader']}, //加载less
{test: /\.(png|svg|jpg|gif)$/, use: ['file-loader']} // 加载图像
]
},
};
// src/index.js
import Icon from './assets/up.png'
function component() {
let el = document.createElement('div')
var myIcon = new Image();
myIcon.src = Icon;
el.appendChild(myIcon)
return el
}
document.body.appendChild(component())
打包
npm run build