module.js:557
throw err;
^
Error: Cannot find module 'webpack/lib/RuleSet'
at Function.Module._resolveFilename (module.js:555:15)
at Function.Module._load (module.js:482:25)
at Module.require (module.js:604:17)
at require (internal/module.js:11:18)
at Object.<anonymous> (D:\qianduan\study\VUE-SSR-TECH\node_modules\_vue-loader@15.2.4@vue-loader\lib\plugin.js:2:17)
at Module._compile (module.js:660:30)
at Object.Module._extensions..js (module.js:671:10)
at Module.load (module.js:573:32)
at tryModuleLoad (module.js:513:12)
at Function.Module._load (module.js:505:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vue-ssr-tech@1.0.0 build: `webpack --config webpack.config.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the vue-ssr-tech@1.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
webpack.config.js内容
const path = require('path')
const VueLoaderPlugin = require('vue-loader')
module.exports = {
entry : path.join(__dirname,'src/index.js'),
output : {
filename: 'bundle.js',
path: path.join(__dirname,'dist')
},
module : {
rules: [
{
// 以vue-load 处理以vue结尾的文件，确保正确输出js代码
test: /\.vue$/,
loader: 'vue-loader'
},
{
test:/\.css$/,
// style-loader是将外部css文件注入html文件中，最后将html文件中的css 用css-loader进行解析
use: [
'style-loader',
'css-loader'
]
},
{
test: /\.(gif|jpg|jpeg|png|svg)$/,
use:[
{
loader: 'url-loader',
//将图片转化成base64的代码，直接写在js内容里而不用生成新的文件，减少http请求
//还可以指定输出的文件名字，
options: {
limit:1024,
name:'[name]-aaa.[ext]'
}
}
]
}
]
},
plugins: [
new VueLoaderPlugin()
]
}