webpack 图片压缩不起作用_webpack2使用ch10-处理图片(png jpg svg 等) 限制图片 压缩图片...

1 目录展示 安装依赖

"file-loader": "^0.11.1",

"image-webpack-loader": "^3.3.0",

"url-loader": "^0.5.8",

2 css中使用图片

2.1  webpack.config.js

const webpack = require('webpack'),

htmlWebpackPlugin= require('html-webpack-plugin'),

path= require('path');

module.exports={

entry:'./src/app.js',

output: {

path: path.resolve(__dirname,'./dist'),

filename:'js/[name]-[chunkhash].js',

},

module: {//loader第三种使用方式 配置项设置 其他1引入 2cli

loaders: [

{//解析.js

test: '/\.js$/', //正则匹配.js文件

loader: 'babel', //使用babel 要先安装 cnpm install --save-dev babel-loader babel-core

exclude: path.resolve(__dirname, 'node_modules'