1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/sulky-vuex-cli-webpack

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

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

Development.conf.js

Файл конфигурации для среды разработки.

// ======================================================
// 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\/.*/
		}
	}
}

Production.conf.js

Конфигурационный файл для производственной среды.

// ======================================================
// NODE_ENV === 'production'
// ======================================================
module.exports = {
	compiler_public_path: '/',
	compiler_hash_type: 'chunkhash',
	compiler_devtool: null,
	compiler_stats: {
		chunks: true,
		chunkModules: true,
		colors: true
	}
}

Часть конфигурационных параметров:

  • compiler_public_path — используется так же, как webpack.publicPath.
  • proxy — используется для настройки прокси-сервера.
    • enabled — включать ли прокси.
    • options — конкретные параметры можно посмотреть в koa-proxy.
  • compiler_hash_type — устанавливает тип хэша в имени файла.

Webpack.config.js

Предоставляется набор конфигураций по умолчанию. Если необходимо изменить конфигурацию, добавьте файл 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 )

Вы можете оставить комментарий после Вход в систему

Введение

vue webpack конфигурация инструмента Развернуть Свернуть
JavaScript и 4 других языков
MIT
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/sulky-vuex-cli-webpack.git
git@api.gitlife.ru:oschina-mirror/sulky-vuex-cli-webpack.git
oschina-mirror
sulky-vuex-cli-webpack
sulky-vuex-cli-webpack
next