knallimall.org knallimall.org

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:51] – 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": {
     "autoprefixer": "^10.4.4",     "autoprefixer": "^10.4.4",
-    "copy-webpack-plugin": "^10.2.4", 
     "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 24: 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 42: 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') 
-const CopyWebpackPlugin = require('copy-webpack-plugin') 
  
 module.exports = (env, argv) => { module.exports = (env, argv) => {
Line 59: 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" ] +
-      }), +
-      new CopyWebpackPlugin({ +
-        patterns: [ +
-          { from: 'Assets/Image', to: './Image' }, +
-          { from: 'Assets/Icons', to: './Icons' }, +
-          { from: 'Assets/JavaScript/Backend', to: './JavaScript/Backend' }, +
-        ] +
-      }) +
-    ],+
     module: {     module: {
       rules: [       rules: [
Line 82: Line 60:
           use: 'ts-loader',           use: 'ts-loader',
           exclude: /node_modules/,           exclude: /node_modules/,
-        }, 
-        { 
-          test: /\.(png|jpe?g|gif|ttf|woff2|otf)$/, 
-          use: [ 
-            { 
-              loader: 'file-loader', 
-              options: { 
-                name: '[name].[ext]', 
-                outputPath: 'Font/', 
-              } 
-            } 
-          ] 
         },         },
         // Process files in TypeScript/Components/Scss/*         // Process files in TypeScript/Components/Scss/*
Line 106: Line 72:
           }, 'extract-loader', 'css-loader', 'sass-loader'],           }, 'extract-loader', 'css-loader', 'sass-loader'],
         },         },
-        // Process files in Assets/Scss/*+        // Process files in Assets/Scss/* and bundle as app.css
         {         {
           test: /Assets\/Scss\/(.*)(\.css|\.s(c|a)ss$)/i,           test: /Assets\/Scss\/(.*)(\.css|\.s(c|a)ss$)/i,
Line 137: 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>

Page Tools