Added basePath support

app/angular/package.json

@@ -26,6 +26,7 @@
     "@storybook/core": "4.0.0-alpha.21",
     "@storybook/node-logger": "4.0.0-alpha.21",
     "angular2-template-loader": "^0.6.2",
+    "tsconfig-paths-webpack-plugin": "^3.2.0",
     "core-js": "^2.5.7",
     "global": "^4.3.2",
     "react": "^16.4.2",

app/angular/src/server/framework-preset-angular.js

@@ -1,5 +1,7 @@
 import path from 'path';
 import { ContextReplacementPlugin } from 'webpack';
+import { TsconfigPathsPlugin } from 'tsconfig-paths-webpack-plugin';
+import { getAngularCliWebpackConfigOptions } from './angular-cli_config';
 import loadTsConfig from './ts_config';
 
 export function webpack(config, { configDir }) {
@@ -37,6 +39,11 @@ export function webpack(config, { configDir }) {
     resolve: {
       ...config.resolve,
       extensions: [...config.resolve.extensions, '.ts', '.tsx'],
+      plugins: [
+        new TsconfigPathsPlugin({
+          configFile: getAngularCliWebpackConfigOptions(process.cwd()).buildOptions.tsConfig,
+        }),
+      ],
     },
     plugins: [
       ...config.plugins,

examples/angular-cli/src/stories/index.ts

@@ -2,6 +2,11 @@ import { storiesOf } from '@storybook/angular';
 import { Welcome, Button } from '@storybook/angular/demo';
 import { moduleMetadata } from '@storybook/angular';
 import { linkTo } from '@storybook/addon-links';
+import { environment } from 'environments/environment';
+
+if (environment) {
+  // This ensures that the basePath typeScript feature works with storybook
+}
 
 storiesOf('Welcome', module).add('to Storybook', () => ({
   template: `<storybook-welcome-component (showApp)="showApp()"></storybook-welcome-component>`,