{
test:/\.(jpg|png|gif|svg)$/i,
loader:'file-loader',
query:{
name:'assets/[name]-[hash:5].[ext]'
}
}
test:/\.(jpg|png|gif|svg)$/i,
loader:'file-loader',
query:{
name:'assets/[name]-[hash:5].[ext]'
}
}
2017-08-01
官网最新写法:v3.4.1
https://doc.webpack-china.org/configuration/
------------------
const path = require('path');
module.exports = {
entry: path.resolve(__dirname, './src/script/main.js'),
output: {
path: path.resolve(__dirname, './dist/js/'),
filename: 'bundle.js'
}
}
https://doc.webpack-china.org/configuration/
------------------
const path = require('path');
module.exports = {
entry: path.resolve(__dirname, './src/script/main.js'),
output: {
path: path.resolve(__dirname, './dist/js/'),
filename: 'bundle.js'
}
}
2017-08-01
过时的永远是方法,老师讲的是怎么用。人的思想,动手能力没过时。我就跟下来了 "webpack": "^3.4.1"
2017-08-01
最赞回答 / 慕设计7780073
解决了,在less 里面写全 。我的是webpack 3.0版本的use:[ {loader: 'style-loader'}, {loader: 'css-loader',options:{importLoaders:1}}, {loader: 'postcss-loader'}, {loader: 'less-loader',} ],就行
2017-08-01
已采纳回答 / qq_小指头_0
webpack是webpack自带的一条打包命令,是最基本的打包命令。npm run webpack,则是在package.json文件中有一个script配置项,在这个script里面自定义的一条命令,它通过npm来运行。例如:scripts": { "start": "webpack --config webpack.config.js --progress --watch"}当脚本名为“start”时,可以省略“run”,直接为:npm start你说的属于这种情况:脚本名称为“webpack...
2017-08-01
最赞回答 / 康遇
直接webpack,其实是运行node_modules/.bin/webpackpackage.json是 通过npm init生成的配置文件,是和npm相关的,跟webpack没有任何的关系在package.json的scripts中配置的webpack命令的名字可以改成任意合法的名称,你可以叫build,也可以叫其他的名称既然package.json是npm init生成的,那么在里面编写的命令当然需要通过npm来运行,也就是npm run ...
2017-08-01
test:/\.(less|css)$/,
use:[
'style-loader','css-loader',
{
loader: 'postcss-loader',
options: {
plugins: [ require('postcss-import')(),require('autoprefixer')()]
}
},
'less-loader'
]
use:[
'style-loader','css-loader',
{
loader: 'postcss-loader',
options: {
plugins: [ require('postcss-import')(),require('autoprefixer')()]
}
},
'less-loader'
]
2017-07-31