vuecli3中使用ico文件代替鼠标指针

1. vue.config.js的配置：

let path = require("path");
function resolve(dir) {
  return path.join(__dirname, dir);
}
module.exports = {
  // 用于处理 build 之后的html为空白的问题
  publicPath: process.env.NODE_ENV === "production" ? "././" : "/",

  css: {
    loaderOptions: {
      less: {
        lessOptions: {
          modifyVars: {
            "primary-color": "#41B883",
            "link-color": "#41B883",
            "border-radius-base": "2px",
          },
          javascriptEnabled: true,
        },
      },
    },
  },
  chainWebpack: (config) => {
    config.resolve.alias.set("@", resolve("src"));
    // 让 babel 转码一些最新的 js API
    config.entry("main").add("babel-polyfill");
    config.module
      .rule("image")
      .test(/\.ico$/)
      .use("url-loader")
      .loader("url-loader");
  },
  // 输出文件目录
  outputDir: "dist",
};

2. 从iconfont获取png图片素材，用在线转换器生成ico文件

在线转换网址

3. 设置鼠标悬浮样式

cursor: url("../img/shubiao.ico"), auto!important;