User Tools

Site Tools


webpack-lit-scss

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Last revisionBoth sides next revision
webpack-lit-scss [2022/03/26 21:57] adminwebpack-lit-scss [2022/03/26 22:29] admin
Line 11: Line 11:
     "watch": "./node_modules/.bin/webpack --watch --progress --mode development",     "watch": "./node_modules/.bin/webpack --watch --progress --mode development",
     "build:development": "./node_modules/.bin/webpack -c webpack.config.js --progress --mode development",     "build:development": "./node_modules/.bin/webpack -c webpack.config.js --progress --mode development",
-    "build:production": "./node_modules/.bin/webpack  -c webpack.config.js --progress --mode production",+    "build:production": "./node_modules/.bin/webpack  -c webpack.config.js --progress --mode production"
   },   },
   "dependencies": {   "dependencies": {
Line 17: Line 17:
     "css-loader": "^6.7.1",     "css-loader": "^6.7.1",
     "cssnano": "^5.1.4",     "cssnano": "^5.1.4",
-    "eslint-plugin-prettier": "^4.0.0", 
     "extract-loader": "^5.1.0",     "extract-loader": "^5.1.0",
     "file-loader": "^6.2.0",     "file-loader": "^6.2.0",
Line 23: Line 22:
     "lit-scss-loader": "^1.1.0",     "lit-scss-loader": "^1.1.0",
     "postcss-loader": "^6.2.1",     "postcss-loader": "^6.2.1",
-    "prettier": "^2.6.0", 
-    "prettier-webpack-plugin": "^1.2.0", 
     "sass": "^1.49.9",     "sass": "^1.49.9",
     "sass-loader": "^12.6.0",     "sass-loader": "^12.6.0",
Line 41: Line 38:
 <code javascript webpack.config.js> <code javascript webpack.config.js>
 const path = require('path') const path = require('path')
-const PrettierPlugin = require('prettier-webpack-plugin') 
  
 module.exports = (env, argv) => { module.exports = (env, argv) => {
Line 57: Line 53:
       ignored: ['node_modules']       ignored: ['node_modules']
     },     },
-    plugins: [ +    plugins: [],
-      new PrettierPlugin({ +
-        printWidth: 80, +
-        tabWidth: 2, +
-        useTabs: false, +
-        semi: true, +
-        encoding: 'utf-8', +
-        extensions: [ ".js", ".scss"+
-      }) +
-    ],+
     module: {     module: {
       rules: [       rules: [
Line 116: Line 103:
 </code> </code>
  
 +<code javascript tsconfig,json>
 +{
 +  "compilerOptions": {
 +    "target": "es2019",
 +    "module": "es2020",
 +    "lib": ["es2020", "DOM", "DOM.Iterable"],
 +    "declaration": false,
 +    "declarationMap": false,
 +    "sourceMap": false,
 +    "inlineSources": false,
 +    // Disable for now, seems to copy *.ts files to
 +    // places where they do not belong
 +    //"outDir": "./packages/tgo_core/Resources/Public/JavaScript",
 +    "strict": true,
 +    "noUnusedLocals": true,
 +    "noUnusedParameters": true,
 +    "noImplicitReturns": true,
 +    "noFallthroughCasesInSwitch": true,
 +    "noImplicitAny": true,
 +    "noImplicitThis": true,
 +    "moduleResolution": "node",
 +    "allowSyntheticDefaultImports": true,
 +    "experimentalDecorators": true,
 +    "forceConsistentCasingInFileNames": true,
 +    "noImplicitOverride": true,
 +    "plugins": [
 +      {
 +        "name": "ts-lit-plugin",
 +        "strict": true
 +      }
 +    ]
 +  },
 +  "include": [
 +    "./TypeScript/**/*.ts",
 +    "node_modules/lit-scss-loader/types.d.ts"
 +  ],
 +  "exclude": []
 +}
 +</code>