質問編集履歴

OS情報を追加

2020/04/07 09:39

投稿

退会済みユーザー

スコア0

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -268,7 +268,7 @@
 ```
+Windowsで実施
 Node.jsのバージョン：

ソースコードを変更

2020/04/07 09:39

投稿

退会済みユーザー

スコア0

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -42,7 +42,7 @@
   entry: {
-    app: './src/ts/setup.ts',
+    app: './src/ts/index.ts',
   },

ソースコードを変更

2020/04/03 06:43

投稿

退会済みユーザー

スコア0

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -28,19 +28,21 @@
 ■webpack.config.js
-const path = require('path');
+const path = require("path");
-const webpack = require('webpack');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
 module.exports = {
   mode: "development",
   entry: {
-    app: './src/ts/index.ts',
+    app: './src/ts/setup.ts',
   },
@@ -54,59 +56,61 @@
   },
+  module: {
+    rules: [{
+      test: /.ts$/,
+      use: "ts-loader"
+    }]
+  },
+  optimization: {
+    splitChunks: {
+      cacheGroups: {
+        vendor: {
+          test: /node_modules/,
+          name: 'vendor',
+          chunks: 'initial',
+          enforce: true
+        }
+      },
+    }
+  },
   resolve: {
-    extensions: ['.js', '.ts'],
+    extensions: [".ts", ".js"]
-    modules: [path.resolve(__dirname, 'src'), 'node_modules']
-  },
+  },
-  optimization: {
-    splitChunks: {
-      cacheGroups: {
-        vendor: {
+  devServer: {
+    disableHostCheck: true,
-          test: /node_modules/,
+    contentBase: path.join(__dirname, "dist/"),
-          name: 'vendor',
+    compress: true,
-          chunks: 'initial',
+    port: 8080,
-          enforce: true
+    open: true
-        }
-      }
-    }
-  },
-  module: {
-    rules: [{
-        test: /.ts$/,
-        exclude: /node_modules/,
-        loader: 'ts-loader',
-      },
-      {
-        test: require.resolve('snapsvg/dist/snap.svg.js'),
-        use: 'imports-loader?this=>window,fix=>module.exports=0',
-      }
-    ]
   },
@@ -114,319 +118,153 @@
   plugins: [
-    new webpack.optimize.OccurrenceOrderPlugin(),
+    new HtmlWebpackPlugin({
+      template: "src/index.html"
+    })
+  ]
+};
+```
+```json
+■tsconfig.json
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "CommonJS",
+    "lib": ["dom", "es5"],
+    "baseUrl": "./src/ts",
+    "outDir": "./dist/js",
+    "allowJs": true,
+    "alwaysStrict": true,
+    "esModuleInterop": true,
-    new webpack.optimize.AggressiveMergingPlugin(),
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "moduleResolution": "node",
+    "noEmit": false,
+    "noFallthroughCasesInSwitch": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "removeComments": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noImplicitAny": false,
+    "strictNullChecks": false
+  },
+  "compileOnSave": true,
+  "include": [
+    "src/ts/**/*.ts"
   ],
+  "exclude": [
+    "node_modules",
+  ],
+}
+```
+```json
-  devServer: {
+■package.json
+{
+  "name": "sample",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "webpack",
+    "start": "webpack-dev-server"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "pixi.js": "^5.2.1"
+  },
+  "devDependencies": {
+    "html-loader": "^1.1.0",
-    contentBase: path.join(__dirname, 'dist/'),
+    "html-webpack-plugin": "^4.0.4",
+    "ts-loader": "^6.2.2",
-    compress: true,
+    "typescript": "^3.8.3",
-    port: 8080,
-    open: true,
+    "webpack": "^4.42.1",
+    "webpack-cli": "^3.3.11",
+    "webpack-dev-server": "^3.10.3"
   }
-};
-```
-```json
-■tsconfig.json
-{
-  "compilerOptions": {
-    "target": "es5",
-    "module": "CommonJS",
-    "lib": ["dom", "es5"],
-    "baseUrl": "./src/ts",
-    "outDir": "./dist/js",
-    "sourceMap": false,
-    "allowJs": true,
-    "alwaysStrict": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "isolatedModules": true,
-    "moduleResolution": "node",
-    "noEmit": false,
-    "noFallthroughCasesInSwitch": true,
-    "noUnusedLocals": false,
-    "noUnusedParameters": false,
-    "removeComments": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noImplicitAny": false,
-    "strictNullChecks": false
-  },
-  "compileOnSave": true,
-  "include": [
-    "src/ts/**/*.ts"
-  ],
-  "exclude": [
-    "node_modules",
-  ],
 }
 ```
-```
-■.babelrc
-{
-  "presets": [
-    ["@babel/preset-env", {
-      "modules": false
-    }]
-  ],
-  "env": {
-    "test": {
-      "presets": [
-        ["env", {
-          "targets": {
-            "node": "current"
-          }
-        }]
-      ]
-    }
-  }
-}
-```
-```json
-■package.json
-{
-  "name": "sample",
-  "version": "1.0.0",
-  "description": "sample",
-  "main": "index.js",
-  "scripts": {
-    "test": "jest",
-  },
-  "jest": {
-    "moduleFileExtensions": [
-      "ts",
-      "tsx",
-      "js"
-    ],
-    "transform": {
-      "^.+\.(ts|tsx)$": "ts-jest"
-    },
-    "globals": {
-      "ts-jest": {
-        "tsConfigFile": "tsconfig.json"
-      }
-    },
-    "testMatch": [
-      "**/test/*.+(ts|tsx|js)"
-    ]
-  },
-  "author": "",
-  "license": "ISC",
-  "devDependencies": {
-    "@babel/core": "^7.6.2",
-    "@babel/preset-env": "^7.6.2",
-    "@types/jest": "^25.1.3",
-    "@typescript-eslint/eslint-plugin": "^2.25.0",
-    "@typescript-eslint/parser": "^2.25.0",
-    "babel-core": "^7.0.0-bridge.0",
-    "babel-jest": "^24.9.0",
-    "babel-loader": "^8.0.6",
-    "babel-preset-env": "^1.7.0",
-    "browser-sync": "^2.26.7",
-    "eslint": "^6.8.0",
-    "eslint-config-prettier": "^6.10.1",
-    "eslint-plugin-prettier": "^3.1.2",
-    "express": "^4.17.1",
-    "gulp": "^4.0.2",
-    "gulp-babel": "^8.0.0",
-    "html-webpack-plugin": "^3.2.0",
-    "imports-loader": "^0.8.0",
-    "jest": "^24.9.0",
-    "jest-useragent-mock": "0.0.3",
-    "prettier": "^2.0.2",
-    "ts-jest": "^25.2.1",
-    "ts-loader": "^6.2.1",
-    "typescript": "^3.8.2",
-    "webpack": "^4.41.0",
-    "webpack-cdn-plugin": "^3.2.2",
-    "webpack-dev-server": "^3.8.2",
-    "webpack-stream": "^5.2.1"
-  },
-  "dependencies": {
-    "pixi.js": "^5.2.1"
-  }
-}
-```
-```javascript
-■gulpfile.js
-const gulp = require('gulp');
-const webpackStream = require("webpack-stream");
-const webpack = require("webpack");
-const webpackConfig = require("./webpack.config");
-gulp.task('bundle', () => {
-  return webpackStream(webpackConfig, webpack)
-    .pipe(gulp.dest('./dist/js'));
-});
-gulp.task('default', gulp.parallel('bundle'));
-```
 ```typescript
 ■index.ts
 import * as PIXI from "pixi.js";
 const loader: PIXI.Loader = PIXI.Loader.shared;
-loader.load((loader: PIXI.Loader, resources: Partial<Record<string, PIXI.LoaderResource>>) => {alert("load!");});
+alert("load!");
 ```

Node.jsのバージョン情報を追加

2020/04/03 06:13

投稿

退会済みユーザー

スコア0

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -429,3 +429,13 @@
 loader.load((loader: PIXI.Loader, resources: Partial<Record<string, PIXI.LoaderResource>>) => {alert("load!");});
 ```
+Node.jsのバージョン：
+v.10.10.0
+npmのバージョン：
+6.4.1

ソースコードの追加

2020/04/02 03:06

投稿

退会済みユーザー

スコア0

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -376,22 +376,56 @@
   "dependencies": {
-    "@types/snapsvg": "^0.5.0",
-    "axios": "^0.19.2",
-    "pixi-layers": "^0.2.3",
-    "pixi-projection": "^0.3.5",
-    "pixi.js": "^5.2.1",
+    "pixi.js": "^5.2.1"
-    "snapsvg": "^0.5.1",
-    "snapsvg-cjs": "0.0.6"
   }
 }
 ```
+```javascript
+■gulpfile.js
+const gulp = require('gulp');
+const webpackStream = require("webpack-stream");
+const webpack = require("webpack");
+const webpackConfig = require("./webpack.config");
+gulp.task('bundle', () => {
+  return webpackStream(webpackConfig, webpack)
+    .pipe(gulp.dest('./dist/js'));
+});
+gulp.task('default', gulp.parallel('bundle'));
+```
+```typescript
+■index.ts
+import * as PIXI from "pixi.js";
+const loader: PIXI.Loader = PIXI.Loader.shared;
+loader.load((loader: PIXI.Loader, resources: Partial<Record<string, PIXI.LoaderResource>>) => {alert("load!");});
+```