bug fix: font-family error

build/utils.js

@@ -47,7 +47,8 @@ exports.cssLoaders = function (options) {
     if (options.extract) {
       return ExtractTextPlugin.extract({
         use: loaders,
-        fallback: 'vue-style-loader'
+        fallback: 'vue-style-loader',
+        publicPath: '../../',
       })
     } else {
       return ['vue-style-loader'].concat(loaders)

build/webpack.prod.conf.js

@@ -25,6 +25,7 @@ const webpackConfig = merge(baseWebpackConfig, {
   },
   devtool: config.build.productionSourceMap ? config.build.devtool : false,
   output: {
+    publicPath: './',
     path: config.build.assetsRoot,
     filename: utils.assetsPath('js/[name].[chunkhash].js'),
     chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')

src/App.vue

@@ -12,7 +12,6 @@ export default {
 </script>
 
 <style>
- @import "./../src/pages/font.css";
 #app {
   width: 100%;
   height: 100%;

src/assets/css/reset.css

@@ -35,7 +35,7 @@ body {
 * {
   margin: 0;
   padding: 0;
-  font-family: "康熙字典体";
+  font-family: 康熙字典体;
   -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
   -webkit-font-smoothing: antialiased;
 }

src/pages/font.css

@@ -1,4 +0,0 @@
-@font-face {
-  font-family: "康熙字典体";
-  /* src:url('./kangxi.ttf')format('opentype'); */
- }