Vuex-cli-webpack: изоляция задач, связанных со сборкой webpack. Уже интегрировано в vuex-cli@2.0. Также можно использовать отдельно.
import { server , compile} from 'vuex-cli-webpack'
//Вызов
server()
compile()
Вызов из командной строки
# Запуск сервера разработки
$ node ./node_modules/.bin/vuex-webpack-server
# Компиляция кода
$ node ./node_modules/.bin/vuex-webpack-compile
По умолчанию конфигурация выполняется в соответствии с текущей популярной схемой конфигурации. В реальной разработке часто требуется модификация. В этом случае вам нужно создать папку config в корне проекта и добавить соответствующие файлы конфигурации в эту папку.
config
├── development.conf.js # Конфигурация для среды разработки
├── production.conf.js # Конфигурация для производственной среды
├── ... ... # Тестирование и т. д.
└── webpack.config.js # Конфигурация webpack
Файл конфигурации для среды разработки.
// ======================================================
// NODE_ENV === 'development'
// ======================================================
var config = require('vuex-cli-webpack/lib/config')
module.exports = {
compiler_public_path: `http://${config.server_host}:${config.server_port}/`,
proxy: {
enabled: true,
options: {
host: 'http://cnodejs.org/',
match: /^\/api\/.*/
}
}
}
Конфигурационный файл для производственной среды.
// ======================================================
// NODE_ENV === 'production'
// ======================================================
module.exports = {
compiler_public_path: '/',
compiler_hash_type: 'chunkhash',
compiler_devtool: null,
compiler_stats: {
chunks: true,
chunkModules: true,
colors: true
}
}
Часть конфигурационных параметров:
Предоставляется набор конфигураций по умолчанию. Если необходимо изменить конфигурацию, добавьте файл webpack.config.js в каталог config в корневом пути проекта.
// ======================================================
// webpack.config.js
// ======================================================
var config = require('vuex-cli-webpack/lib/config')
var paths = config.utils_paths
module.exports = {
entry: {
app: './src/main.js'
},
resolve: {
alias: {
"store": paths.client('vuex'),
"components": paths.client('components')
}
}
}
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )