vue.config.js
module.exports = {
// 解决首页访问出现很多预加载文件的问题
chainWebpack: config => {
// 移除 prefetch 插件
config.plugins.delete('prefetch')
// 或者
// 修改它的选项：
// config.plugin('prefetch').tap(options => {
// options[0].fileBlacklist = options[0].fileBlacklist || []
// options[0].fileBlacklist.push(/myasyncRoute(.)+?\.js$/)
// return options
// })
},
// transpileDependencies: ['/@yabby-business/'],
lintOnSave: false,
configureWebpack:{
externals: {
vue: 'Vue',
'moment': 'moment',
'ant-design-vue': "antd"
},
resolve:{
alias:{
'assets':'@/assets',
'common':'@/common',
'components':'@/components',
'network':'@/network',
'views':'@/views',
}
}
},
devServer: {
port: 11911
},
// runtimeCompiler: true,
}index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="https://online-education.codemao.cn/crm/2/customer/favicon.ico">
<title>测试平台</title>
<!-- cdn引入组件库 -->
<!-- ant -->
<!-- <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/material-design-icons.css"> -->
<!-- 滑动条样式 -->
<style type="text/css">
body {
margin: 0;
}
::-webkit-scrollbar {
/*滚动条整体样式*/
width: 10px;
}
::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #e2e2e1;
border-radius: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px rgba(238, 238, 238, 0.2);
background: #EDEDED;
}
</style>
</head>
<body>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
<!-- Vue.js CDN -->
<script src="https://unpkg.com/[email protected]/dist/vue.min.js"></script>
<!-- ant -->
<script src="http://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/ant-design-vue/1.6.4/antd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/antd.min.js"></script>
</body>
</html>
https://www.cnblogs.com/clors/p/13267684.html
标签：滚动条,cdn,ant,scrollbar,10px,webkit,config,options,加载 From： https://www.cnblogs.com/kaibindirver/p/18017689