использую такой конфиг:
const path = require('path');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
module.exports = {
mode: 'development',
entry: [
'./node_modules/vue-router/dist/vue-router.global.js',
'./node_modules/http-vue-loader/src/httpVueLoader.js',
'./node_modules/vue/dist/vue.common.prod.js',
],
devtool: 'source-map',
output: {
filename:'bundle.js',
path: __dirname + '/js'
},
optimization: {
minimizer: [
new UglifyJsPlugin({
include: /\.js$/
}),
],
},
};
Для более быстрой разработки мне необходимо отказаться от компиляции vue, и по сути мне нужно объединить эти файлы во едино. Как это можно сделать?
на текущий момент роутер и основной файл index.js (в котором пишется все приложение), не видят vue.
но если подключить по отдельности скрипты:
<!-- <script src="node_modules/vue/dist/vue.js"></script>-->
<!-- <script src="node_modules/vue-router/dist/vue-router.global.js"></script>-->
<!-- <script src="node_modules/http-vue-loader/src/httpVueLoader.js"></script>-->
то работает как надо.
что делаю не так?!
(напомню мне необходимо только склеить эти файлы воедино, мне так нужно, возможно это не соответствует вашими представлениям о разработке но мне так надо).
На всякий случай оставлю index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- <script src="node_modules/vue/dist/vue.js"></script>-->
<!-- <script src="node_modules/vue-router/dist/vue-router.global.js"></script>-->
<!-- <script src="node_modules/http-vue-loader/src/httpVueLoader.js"></script>-->
<script src='js/bundle.js'></script>
</head>
<body>
<div id="app">
<h1>Passing Route Parameters to Component Props</h1>
</div>
<script src='js/index.js'></script>
</body>
</html>
Средний
Средний
