因此,在遵循webpack网站上的指南之后,以下是Petr的视频:https://www.youtube.com/watch?v=JdGnYNtuEtE,我有以下webpack.config.js文件:
var webpack = require('webpack');
module.exports = {
entry: './src/app.js',
output: {
filename: './dist/bundle.js'
},
devServer: {
inline:true,
port: 8081
},
resolve: {
alias: {
'vue$': 'vue/dist/vue.esm.js' // 'vue/dist/vue.common.js' for webpack 1
},
extensions: ['*', '.js', '.vue', '.json']
},
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader'
},
{
test: /\.js$/, // /\.esm.js$/
loader: "babel-loader",
exclude: /node_modules/
},
{
test: /\.(png|jpg|gif)$/,
use: [
{
loader: 'url-loader',
options: {
limit: 8192
}
}
]
},
{
test: /\.(css|less)$/,
use: [
{
loader: "style-loader"
}, {
loader: "css-loader"
}, {
loader: "less-loader"
}
]
},
{
test: /\.(woff|woff2|eot|ttf|svg)$/,
use: [
{
loader: 'url-loader',
options: {
limit: 100000
}
}
]
}
]
}
}它已经进入了我的应用程序的生产阶段,只有bundle.js文件和index.html文件存在于dist文件夹中。这是因为它从"../src/assets/“文件夹获取资源,但是我希望它应该创建资产并将其复制到/dist/文件夹中的资产文件夹中。
如果有人能帮助我在配置中做错了什么,我会非常感激的!
发布于 2018-02-24 12:41:31
在使用devServer选项时,不会在磁盘上写入任何文件。
devServer: {
inline:true,
port: 8081
},web服务器将在8081端口上工作,生成的文件将在内存中。
https://stackoverflow.com/questions/48949994
复制相似问题