Refactor webpack.config.js

.eslintrc.js

@@ -8,33 +8,33 @@ module.exports = {
   ],
   parser: 'vue-eslint-parser',
   parserOptions: {
-      parser: 'typescript-eslint-parser',
+    parser: '@typescript-eslint/parser',
   },
   env: {
     browser: true,
   },
   // check if imports actually resolve
-  'settings': {
+  settings: {
     'import/resolver': {
-      'webpack': {
-        'config': 'config/webpack.base.conf.js',
+      webpack: {
+        config: 'webpack.config.js',
       },
     },
   },
   // add your custom rules here
-  'rules': {
+  rules: {
     'no-undef': 'off',
     'no-unused-vars': 'off',
     'no-use-before-define': 'off',
     'import/extensions': ['error', 'always', {
-      'js': 'never',
-      'ts': 'never',
+      js: 'never',
+      ts: 'never',
       'd.ts': 'never',
     }],
     'object-shorthand': ['off', 'properties'],
     'func-names': ['error', 'as-needed'],
     'max-len': ['off'],
     'comma-dangle': ['error', 'always-multiline'],
     'vue/max-attributes-per-line': 'off',
-  }
+  },
 }

README.md

@@ -29,6 +29,5 @@ $ yarn run dev
 ## npm-scripts
 - `yarn run dev`: Start webpack-dev-server
 - `yarn run lint`: Lint project
-- `yarn run test`: Test project
 - `yarn run build`: Build for production
   - If necessary, you can serve production: `npx http-server dist/`

index.html

@@ -7,9 +7,10 @@
     <meta name="keywords" content="エメタイマー,ポケモン,タイマー,乱数調整,HTML,Flash">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <meta name="theme-color" content="#009688">
-    <link rel="manifest" href="./manifest.json">
-    <link rel="icon" type="image/x-icon" href="./img/icon.ico">
+    <link rel="manifest" href="/manifest.json">
+    <link rel="icon" type="image/x-icon" href="/img/icon.ico">
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
+    <link rel="stylesheet" href="/app.css">
 
     <noscript>
       <!-- For PWA -->