Конфигурация webpack не перемещает ресурсы в папку dist
Итак, после ознакомления с руководством на веб-сайте веб-пакета и просмотра видео Петра здесь: 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
}
}
]
}
]
}
}
Он подошел к стадии разработки моего приложения, и в папке dist существуют только файл bundle.js и файл index.html. Это работает, поскольку он захватывает ресурсы из папки "../src/assets/", однако я ожидаю, что он должен создать и скопировать ресурсы в папку ресурсов в папке / dist /.
Если кто-то может помочь мне с тем, что я делаю неправильно в конфигурации, я был бы очень признателен!
1 ответ
Поскольку вы используете опцию devServer, файлы не будут записываться на диск.
devServer: {
inline:true,
port: 8081
},
Веб-сервер будет работать через порт 8081, и сгенерированные файлы будут в памяти.