var?htmlWebpackPlugin?=?require('html-webpack-plugin');
var?path?=?require('path');
module.exports?=?{
?entry:?'./src/app.js',
?output:?{
??path:?path.resolve(__dirname,?'./dist/js'),
??filename:?'js/[name].bundle.js'
?},
?module:?{
??loaders:?[
???
???{
????test:?/\.tpl$/,
????loader:?'ejs-loader'
???},
???{
????test:?/\.html/,
????loader:?'html-loader'
????
???},
???{
????test:?/\.less$/,
????use:?[
?????'style-loader',
?????{
??????loader:?'css-loader',
??????options:?{
???????importLoaders:?1
??????}
?????},
?????{
??????loader:?'postcss-loader',
??????options:?{
???????plugins:?(loader)?=>?[
????????require('postcss-import')({root:?loader.resourcePath}),
????????require('autoprefixer')(),?//CSS瀏覽器兼容
????????require('cssnano')()??//壓縮css
???????]
??????}
?????},
?????{
??????loader:?'less-loader'
?????}
????]
???},
???{
????test:?'/\.js$',
????loader:?'babel-loader',
????exclude:?path.resolve(__dirname,?'./node_modules'),?//排除那些文件不打包?include?制定打包那些
????query:?{
?????presets:?['latest']
????}
???},
???{
????test:?/\.css$/,
????use:?[
?????'style-loader',
?????{
??????loader:?'css-loader',
??????options:?{importLoaders:?1}?//這里可以簡單理解為，如果css文件中有import?進(jìn)來的文件也進(jìn)行處理
?????},
?????{
??????loader:?'postcss-loader',
??????options:?{???????????//?如果沒有options這個(gè)選項(xiàng)將會(huì)報(bào)錯(cuò)?No?PostCSS?Config?found
???????plugins:?(loader)?=>?[
????????require('postcss-import')({root:?loader.resourcePath}),
????????require('autoprefixer')(),?//CSS瀏覽器兼容
????????require('cssnano')()??//壓縮css
???????]
??????}
?????}
????]
???},
???{
????test:?/\.(png|jpg|gif|svg)$/i,
????loaders:?[
?????'url-loader?limit=20000&name=assets/[name]-[hash:5].[ext]',
?????'image-webpack-loader'
????]
????//?loader:?'url-loader',?//file-loader
????//?query:?{
????//???limit:?20000,
????//???name:?'assets/[name]-[hash:5].[ext]'
????//?}
???}
??]
?},
?
?plugins:?[
??new?htmlWebpackPlugin({
???filename:?'index.html',
???template:?'index.html',
???inject:?'body'?????//將js文件插入body文件內(nèi)
??}),
?]
};

<div?class="layer">
????<img?src="${require('../../assets/bg.jpg')}"?alt="">
????<div>this?is<%=?name?%></div>
????????<%?for?(var?i?=?0;?i?<?arr.length;?i++){?%>
????????<%=?arr[i]?%>
????????<%?}?%>
????</div>
????另外看看是不是webpack.config.js配置寫錯(cuò)了。

webpack里不用$ require語法了?？梢灾苯觟mg標(biāo)簽就插入的。

看看圖片路徑是否正確。。