Merge pull request #121 from akrantz/from-taskpane

akrantz · web-flow · commit 7e668b5b2a4c · 2019-03-07T16:26:01.000-08:00
Merge changes from Office-Addin-TaskPane
diff --git a/Debugging.md b/Debugging.md
@@ -1,11 +1,30 @@
 # Debugging
 
+## Prerequisites
+
+1. Node.js version 8 or higher. 
+2. VS Code - latest version recommended. 
+
+## First Time
+
+1. Trust the SSL certificates for `https://localhost`. [More info](https://github.com/OfficeDev/generator-office/blob/master/src/docs/ssl.md)
+2. On Mac, enable debugging for the webview using Safari Web Inspector.
+    
+    In a Terminal window, run these commands:
+    ```
+    defaults write com.microsoft.Word OfficeWebAddinDeveloperExtras -bool true
+    defaults write com.microsoft.Excel OfficeWebAddinDeveloperExtras -bool true
+    defaults write com.microsoft.Powerpoint OfficeWebAddinDeveloperExtras -bool true
+    defaults write com.microsoft.Outlook OfficeWebAddinDeveloperExtras -bool true
+    ```
+
 ## Using Visual Studio Code
 
 1. Open the folder in VS Code.
 2. Run the `Watch` task using `Terminal`, `Run Task`.
 3. Run the `Dev Server` task using `Terminal`, `Run Task`.
 
+    The first time, open a browser to https://localhost:3000 to verify that the SSL certificates are trusted.
 
 ### Office Online (Edge - Windows 10 / Chrome - Mac)
 1. Switch to the Debug view using `View`, `Debug` or press Ctrl+Shift+D.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/taskpane/taskpane.html b/src/taskpane/taskpane.html
@@ -23,7 +23,7 @@
     <!--<link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-js/1.2.0/css/fabric.components.min.css" />-->
 
     <!-- Template styles -->
-    <link href="taskpane/taskpane.css" rel="stylesheet" type="text/css" />
+    <link href="taskpane.css" rel="stylesheet" type="text/css" />
 </head>
 
 <body class="ms-font-m ms-welcome">
diff --git a/webpack.config.js b/webpack.config.js
@@ -52,6 +52,12 @@ module.exports = (env, options) => {
         template: "./src/taskpane/taskpane.html",
         chunks: ["taskpane"]
       }),
+      new CopyWebpackPlugin([
+        {
+          to: "taskpane.css",
+          from: "./src/taskpane/taskpane.css"
+        }
+      ]),
       new HtmlWebpackPlugin({
         filename: "ribbon.html",
         template: "./src/ribbon/ribbon.html",
