SeedWorkbenchUi — это минималистичный рабочий стол UI, разработанный на VueJS, с компонентным и модульным подходом. Смотрите: демо.
Предварительный просмотр развёрнут на Github Page. Если при посещении возникают проблемы с загрузкой или белый экран из-за сетевых проблем, рекомендуется клонировать или загрузить этот репозиторий для локального запуска и просмотра эффектов.
npm install
npm run serve
npm run build
npm install serve -g установить serve глобально
serve -s dist запуск упакованных файлов в папке dist
npm run lint
// Базовый путь, обратите внимание на изменение перед публикацией
const baseUrl = '/'
if (process.env.NODE_ENV === 'production') {
baseUrl = '/seed-workbench-ui/'
}
// Глобальное изменение основной темы стиля
css: {
loaderOptions: {
less: {
modifyVars: {
'ai-prefix': 'ai',
'primary-color': '#42b983'
},
paths: [
resolve('node_modules'),
resolve('src')
],
javascriptEnabled: true
}
}
}
// Фильтрация моментов других стран, сохранение только китайского и английского языков
configureWebpack: {
plugins: [
new webpack.ContextReplacementPlugin(/moment[\\/]locale$/, /^\.\/(zh-cn|en-us)$/),
]
}
// Настройка схемы оптимизации локальных SVG, повторное определение псевдонимов @
chainWebpack: config => {
const svgRule = config.module.rule('svg')
svgRule.uses.clear()
svgRule
.include
.add(resolve('src/assets/svg-icons'))
.end()
.use('svg-sprite-loader')
.loader('svg-sprite-loader')
.options({
symbolId: 'ai-[name]'
})
.end()
// image exclude
const imagesRule = config.module.rule('images')
imagesRule
.test(/\.(png|jpe?g|gif|webp|svg)(\?.*)?$/)
.exclude
.add(resolve('src/assets/svg-icons'))
.end()
// Повторное определение alias
config.resolve.alias.set('@', resolve('src'))
}
// Настроить ant-design-vue для отложенной загрузки
"plugins": [
["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": true }]
]
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )