webpack.config.js文件内容
var webpack = require('webpack')
module.exports = {
entry: './src/main.js',
output: {
path: './dist',
publicPath: 'dist/',
filename: 'build.js'
},
module: {
loaders: [
{test: /\.vue$/,loader: 'vue'},
{test: /\.(png|jpg|gif)$/,loader: 'file?name=[name].[ext]?[hash]'},
{test: /\.css$/,loader: 'style!css'},
{test: /\.(eot|woff)$/, loader: "file-loader" }
]
},
// example: if you wish to apply custom babel options
// instead of using vue-loader's default:
babel: {
presets: ['es2015', 'stage-0'],
plugins: ['transform-runtime']
}
}
if (process.env.NODE_ENV === 'production') {
module.exports.plugins = [
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: '"production"'
}
}),
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false
}
}),
new webpack.optimize.OccurenceOrderPlugin()
]
} else {
module.exports.devtool = '#source-map'
}
浏览器报错信息:
./~/css-loader!./src/libs/plugins/bootstrap-3.1.1/css/bootstrap.css
Module not found: Error: Cannot resolve module 'url' in E:\code\myvue\src\libs\plugins\bootstrap-3.1.1\css
resolve module url in E:\code\myvue\src\libs\plugins\bootstrap-3.1.1\css
looking for modules in E:\code\myvue\node_modules
module variation url-webpack-loader
E:\code\myvue\node_modules\url-webpack-loader doesn't exist (module as directory)
resolve 'file' url-webpack-loader in E:\code\myvue\node_modules
resolve file
E:\code\myvue\node_modules\url-webpack-loader doesn't exist
E:\code\myvue\node_modules\url-webpack-loader.webpack-loader.js doesn't exist
E:\code\myvue\node_modules\url-webpack-loader.loader.js doesn't exist
E:\code\myvue\node_modules\url-webpack-loader.web-loader.js doesn't exist
E:\code\myvue\node_modules\url-webpack-loader.js doesn't exist
module variation url-web-loader
E:\code\myvue\node_modules\url-web-loader doesn't exist (module as directory)
resolve 'file' url-web-loader in E:\code\myvue\node_modules
resolve file
E:\code\myvue\node_modules\url-web-loader doesn't exist
E:\code\myvue\node_modules\url-web-loader.webpack-loader.js doesn't exist
E:\code\myvue\node_modules\url-web-loader.loader.js doesn't exist
E:\code\myvue\node_modules\url-web-loader.web-loader.js doesn't exist
E:\code\myvue\node_modules\url-web-loader.js doesn't exist
module variation url-loader
E:\code\myvue\node_modules\url-loader doesn't exist (module as directory)
resolve 'file' url-loader in E:\code\myvue\node_modules
resolve file
E:\code\myvue\node_modules\url-loader doesn't exist
E:\code\myvue\node_modules\url-loader.webpack-loader.js doesn't exist
E:\code\myvue\node_modules\url-loader.web-loader.js doesn't exist
E:\code\myvue\node_modules\url-loader.loader.js doesn't exist
E:\code\myvue\node_modules\url-loader.js doesn't exist
module variation url
E:\code\myvue\node_modules\url doesn't exist (module as directory)
resolve 'file' url in E:\code\myvue\node_modules
resolve file
E:\code\myvue\node_modules\url doesn't exist
E:\code\myvue\node_modules\url.js doesn't exist
E:\code\myvue\node_modules\url.webpack-loader.js doesn't exist
E:\code\myvue\node_modules\url.web-loader.js doesn't exist
E:\code\myvue\node_modules\url.loader.js doesn't exist
[E:\code\myvue\node_modules\url]
[E:\code\myvue\node_modules\url.js]
[E:\code\myvue\node_modules\url]
[E:\code\myvue\node_modules\url-webpack-loader]
[E:\code\myvue\node_modules\url-webpack-loader]
[E:\code\myvue\node_modules\url-webpack-loader.webpack-loader.js]
[E:\code\myvue\node_modules\url-webpack-loader.loader.js]
[E:\code\myvue\node_modules\url-webpack-loader.web-loader.js]
[E:\code\myvue\node_modules\url-webpack-loader.js]
[E:\code\myvue\node_modules\url-web-loader]
[E:\code\myvue\node_modules\url-web-loader]
[E:\code\myvue\node_modules\url-web-loader.webpack-loader.js]
[E:\code\myvue\node_modules\url-web-loader.loader.js]
[E:\code\myvue\node_modules\url-web-loader.web-loader.js]
[E:\code\myvue\node_modules\url-web-loader.js]
[E:\code\myvue\node_modules\url-loader]
[E:\code\myvue\node_modules\url-loader]
[E:\code\myvue\node_modules\url-loader.webpack-loader.js]
[E:\code\myvue\node_modules\url-loader.web-loader.js]
[E:\code\myvue\node_modules\url-loader.loader.js]
[E:\code\myvue\node_modules\url-loader.js]
[E:\code\myvue\node_modules\url.webpack-loader.js]
[E:\code\myvue\node_modules\url.web-loader.js]
[E:\code\myvue\node_modules\url.loader.js]
@ ./~/css-loader!./src/libs/plugins/bootstrap-3.1.1/css/bootstrap.css 6:4534-4587
https://github.com/webpack/css-loader/issues/18