Я могу нормально построить свой проект с помощью webpack-dev-server, но когда я создаю производство и вывод в каталог, а затем открываю файл index.html из моей файловой системы, он не регистрирует ничего из моего vue.Я построил другие проекты, где это работает, так что я почти уверен, что это так или иначе связано с моей конфигурацией, но у меня закончились попытки ...
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const VueLoaderPlugin = require('vue-loader/lib/plugin');
module.exports = {
entry: './src/index.ts',
output: {
path: path.resolve('dist'),
filename: '[name].js',
},
resolve: {
extensions: ['.js', '.ts', '.scss'],
alias: {
vue$: 'vue/dist/vue.esm.js',
},
modules: [path.resolve(__dirname, 'src'), 'node_modules'],
},
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader',
},
{
test: /\.js|\.ts$/,
exclude: /node_modules/,
use: [
'babel-loader',
{
loader: 'ts-loader',
options: {
appendTsSuffixTo: [/\.vue$/],
},
},
],
},
{
test: /\.scss$/,
use: [
{
loader: 'style-loader', // creates style nodes from JS strings
},
{
loader: 'css-loader', // translates CSS into CommonJS
},
{
loader: 'sass-loader', // compiles Sass to CSS
},
],
},
],
},
plugins: [
new VueLoaderPlugin(),
new HtmlWebpackPlugin({
filename: 'index.html',
template: './src/index.html',
}),
],
};
У кого-нибудь есть идея, почему она не работает?Он не выдает никаких предупреждений / сообщений об ошибках, поэтому я обнаружил, что его действительно трудно устранить.Спасибо!