нужно проект на vue собрать в один файл (например app.js)
Для создания проекта использовал vue-cli-3
и команду vue create <my-project>
но когда собрал проект через npm run build
получи на выходе папку /dist/
и в ней несколько папок (/js/css/img/)
Вопрос как настроить сборку в один js-файл?
Используйте webpack(самая примитивная конфигурация):
const path = require('path');
const VueLoaderPlugin = require('vue-loader/lib/plugin');
module.exports = {
entry: {
main: './sources/app.js'
},
output: {
path: path.resolve(__dirname, './dist'),
publicPath: './',
filename: 'bundle.js'
},
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader',
options: {
loaders: {
css: 'vue-style-loader!css-loader!style-loader'
}
}
},
{
test: /\.css$/,
use: [
{
loader: 'vue-style-loader'
},
{
loader: 'css-loader'
}
]
}
]
},
plugins: [
new VueLoaderPlugin()
]
}
Следует использовать следующие модули(babel по желанию):
npm install vue --save
npm install vue-cli vue-loader vue-style-loader vue-template-compiler webpack webpack-cli css-loader style-loader --save-dev
Виртуальный выделенный сервер (VDS) становится отличным выбором
В общем при поиске, исчезает запятая если 2 должностиЕсли искать вручную имя, то запятая присутствует
Этот вопрос уже поднимался в этой теме : не запускается скрипт И в конце дали рабочий скрипт,но проблема в том,что когда я начал его использовать...
Массив в js это специализированная форма объекта, а объект в js это ассоциативный массивТ