Upgraded to SPFx 1.12

.gitignore

@@ -9,6 +9,7 @@ node_modules
 # Build generated files
 dist
 lib
+release
 solution
 temp
 *.sppkg
@@ -30,3 +31,4 @@ obj
 
 # Styles Generated Code
 *.scss.ts
+*.scss.d.ts

.yo-rc.json

@@ -1,10 +1,10 @@
 {
  "@microsoft/generator-sharepoint": {
- "isCreatingSolution": false,
+ "isCreatingSolution": true,
  "environment": "spo",
- "version": "1.10.0",
+ "version": "1.12.1",
  "libraryName": "spfx-css-in-js",
- "libraryId": "d07a3ba7-a2e7-41df-b2e6-acaf2ed00a33",
+ "libraryId": "ae4409ca-d854-4aea-8274-95b195b88fed",
  "packageManager": "npm",
  "isDomainIsolated": false,
  "componentType": "webpart"

config/copy-assets.json

@@ -1,4 +1,4 @@
 {
  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/copy-assets.schema.json",
- "deployCdnPath": "temp/deploy"
+ "deployCdnPath": "./release/assets/"
 }

config/deploy-azure-storage.json

@@ -1,6 +1,6 @@
 {
  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/deploy-azure-storage.schema.json",
- "workingDir": "./temp/deploy/",
+ "workingDir": "./release/assets/",
  "account": "<!-- STORAGE ACCOUNT NAME -->",
  "container": "spfx-css-in-js",
  "accessKey": "<!-- ACCESS KEY -->"

config/package-solution.json

@@ -2,10 +2,17 @@
  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/package-solution.schema.json",
  "solution": {
  "name": "spfx-css-in-js-client-side-solution",
- "id": "d07a3ba7-a2e7-41df-b2e6-acaf2ed00a33",
+ "id": "ae4409ca-d854-4aea-8274-95b195b88fed",
  "version": "1.0.0.0",
  "includeClientSideAssets": true,
- "isDomainIsolated": false
+ "isDomainIsolated": false,
+ "developer": {
+ "name": "",
+ "websiteUrl": "",
+ "privacyUrl": "",
+ "termsOfUseUrl": "",
+ "mpnId": ""
+ }
  },
  "paths": {
  "zippedPackage": "solution/spfx-css-in-js.sppkg"

fast-serve/config.json

@@ -0,0 +1,6 @@
+{
+ "$schema": "https://raw.githubusercontent.com/s-KaiNet/spfx-fast-serve/master/schema/config.latest.schema.json",
+ "cli": {
+ "isLibraryComponent": false
+ }
+}

fast-serve/webpack.extend.js

@@ -0,0 +1,24 @@
+/*
+* User webpack settings file. You can add your own settings here.
+* Changes from this file will be merged into the base webpack configuration file.
+* This file will not be overwritten by the subsequent spfx-fast-serve calls.
+*/
+
+// you can add your project related webpack configuration here, it will be merged using webpack-merge module
+// i.e. plugins: [new webpack.Plugin()]
+const webpackConfig = {
+
+}
+
+// for even more fine-grained control, you can apply custom webpack settings using below function
+const transformConfig = function (initialWebpackConfig) {
+ // transform the initial webpack config here, i.e.
+ // initialWebpackConfig.plugins.push(new webpack.Plugin()); etc.
+
+ return initialWebpackConfig;
+}
+
+module.exports = {
+ webpackConfig,
+ transformConfig
+}

gulpfile.js

@@ -4,4 +4,19 @@ const build = require('@microsoft/sp-build-web');
 
 build.addSuppression(`Warning - [sass] The local CSS class 'ms-Grid' is not camelCase and will not be type-safe.`);
 
+var getTasks = build.rig.getTasks;
+build.rig.getTasks = function () {
+ var result = getTasks.call(build.rig);
+
+ result.set('serve', result.get('serve-deprecated'));
+
+ return result;
+};
+
+/* fast-serve */
+const { addFastServe } = require("spfx-fast-serve-helpers");
+addFastServe(build);
+/* end of fast-serve */
+
 build.initialize(require('gulp'));
+