diff --git a/cms/envs/common.py b/cms/envs/common.py
index eb4ca9fed6..85307f775d 100644
--- a/cms/envs/common.py
+++ b/cms/envs/common.py
@@ -1363,6 +1363,8 @@ XBLOCK_SETTINGS = {
     }
 }
 
+STUDIO_FRONTEND_CONTAINER_URL = None
+
 ################################ Settings for Credit Course Requirements ################################
 # Initial delay used for retrying tasks.
 # Additional retries use longer delays.
diff --git a/cms/templates/asset_index.html b/cms/templates/asset_index.html
index a810e35ee5..179f6e0102 100644
--- a/cms/templates/asset_index.html
+++ b/cms/templates/asset_index.html
@@ -13,11 +13,18 @@
 <%namespace name='static' file='static_content.html'/>
 
 <%block name="header_extras">
-    % for template_name in ["asset"]:
-    <script type="text/template" id="${template_name}-tpl">
-        <%static:include path="js/${template_name}.underscore" />
-    </script>
-    % endfor
+    % if waffle_flag_enabled:
+        % if not settings.STUDIO_FRONTEND_CONTAINER_URL:
+            <link rel="stylesheet" type="text/css" href="${static.url('common/css/vendor/vendor.min.css')}" />
+            <link rel="stylesheet" type="text/css" href="${static.url('common/css/vendor/assets.min.css')}" />
+        % endif
+    % else:
+        % for template_name in ["asset"]:
+        <script type="text/template" id="${template_name}-tpl">
+            <%static:include path="js/${template_name}.underscore" />
+        </script>
+        % endfor
+    % endif
 </%block>
 
 % if not waffle_flag_enabled:
diff --git a/common/djangoapps/pipeline_mako/templates/static_content.html b/common/djangoapps/pipeline_mako/templates/static_content.html
index 170dbde87b..182565e3ad 100644
--- a/common/djangoapps/pipeline_mako/templates/static_content.html
+++ b/common/djangoapps/pipeline_mako/templates/static_content.html
@@ -106,7 +106,13 @@ source, template_path = Loader(engine).load_template_source(path)
       var studioContext = ${ body | n, decode.utf8};
     </script>
     <div id="root"></div>
-    ${HTML(render_bundle(page))}
+    % if settings.STUDIO_FRONTEND_CONTAINER_URL:
+        <script type="text/javascript" src="${settings.STUDIO_FRONTEND_CONTAINER_URL}/assets.js"></script>
+    % else:
+        <script type="text/javascript" src="${url('common/js/vendor/manifest.min.js')}"></script>
+        <script type="text/javascript" src="${url('common/js/vendor/vendor.min.js')}"></script>
+        <script type="text/javascript" src="${url('common/js/vendor/assets.min.js')}"></script>
+    % endif
 </%def>
 
 <%def name="webpack(entry, extension=None, config='DEFAULT', attrs='')">
diff --git a/package-lock.json b/package-lock.json
index ef464f2af3..b4013c8b3b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -62,9 +62,9 @@
       }
     },
     "@edx/studio-frontend": {
-      "version": "0.9.0",
-      "resolved": "https://registry.npmjs.org/@edx/studio-frontend/-/studio-frontend-0.9.0.tgz",
-      "integrity": "sha512-fL6JoWQ/taysnFDqMnyJIUuqNTF1nPNojMIJsVyUdMFFhuo1fU5LjS9pOHsF1Zu2uCXoURrGPkCf1Yw+gzQYDA==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@edx/studio-frontend/-/studio-frontend-1.0.2.tgz",
+      "integrity": "sha512-GAZtUTxdd8w1/bpbIx7fYoa2HDtrrI6b85vTA21qWf30NaWLFMFRAOzFWwAAfjKV5UPJSsFhxZnZjB3S3tzPYQ==",
       "requires": {
         "@edx/edx-bootstrap": "0.4.3",
         "@edx/paragon": "2.0.1",
@@ -8291,7 +8291,7 @@
         "lodash": "4.17.4",
         "lodash-es": "4.17.4",
         "loose-envify": "1.3.1",
-        "symbol-observable": "1.1.0"
+        "symbol-observable": "1.2.0"
       }
     },
     "redux-devtools-extension": {
@@ -9987,9 +9987,9 @@
       }
     },
     "symbol-observable": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.1.0.tgz",
-      "integrity": "sha512-dQoid9tqQ+uotGhuTKEY11X4xhyYePVnqGSoSm3OGKh2E8LZ6RPULp1uXTctk33IeERlrRJYoVSBglsL05F5Uw=="
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz",
+      "integrity": "sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ=="
     },
     "table": {
       "version": "4.0.2",
diff --git a/package.json b/package.json
index 609466fae4..20989eb9d0 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "dependencies": {
     "@edx/edx-bootstrap": "0.4.3",
     "@edx/paragon": "1.7.1",
-    "@edx/studio-frontend": "0.9.0",
+    "@edx/studio-frontend": "1.0.2",
     "babel-core": "6.26.0",
     "babel-loader": "6.4.1",
     "babel-plugin-transform-class-properties": "6.24.1",
diff --git a/pavelib/assets.py b/pavelib/assets.py
index f309ec2b46..d8aaf8bc05 100644
--- a/pavelib/assets.py
+++ b/pavelib/assets.py
@@ -64,6 +64,20 @@ NPM_INSTALLED_LIBRARIES = [
     'requirejs/require.js',
     'underscore.string/dist/underscore.string.js',
     'underscore/underscore.js',
+    '@edx/studio-frontend/dist/manifest.min.js',
+    '@edx/studio-frontend/dist/manifest.min.js.map',
+    '@edx/studio-frontend/dist/vendor.min.js',
+    '@edx/studio-frontend/dist/vendor.min.js.map',
+    '@edx/studio-frontend/dist/vendor.min.css',
+    '@edx/studio-frontend/dist/vendor.min.css.map',
+    '@edx/studio-frontend/dist/assets.min.js',
+    '@edx/studio-frontend/dist/assets.min.js.map',
+    '@edx/studio-frontend/dist/assets.min.css',
+    '@edx/studio-frontend/dist/assets.min.css.map',
+    '@edx/studio-frontend/dist/accessibilityPolicy.min.js',
+    '@edx/studio-frontend/dist/accessibilityPolicy.min.js.map',
+    '@edx/studio-frontend/dist/accessibilityPolicy.min.css',
+    '@edx/studio-frontend/dist/accessibilityPolicy.min.css.map',
     'which-country/index.js'
 ]
 
diff --git a/webpack.common.config.js b/webpack.common.config.js
index 4d19850dd7..bc5693410b 100644
--- a/webpack.common.config.js
+++ b/webpack.common.config.js
@@ -22,10 +22,8 @@ module.exports = {
 
     entry: {
         // Studio
-        AssetsPage: './node_modules/@edx/studio-frontend/src/index.jsx',
         Import: './cms/static/js/features/import/factories/import.js',
         CourseOrLibraryListing: './cms/static/js/features_jsx/studio/CourseOrLibraryListing.jsx',
-        AccessibilityPage: './node_modules/@edx/studio-frontend/src/accessibilityIndex.jsx',
         'js/pages/login': './cms/static/js/pages/login.js',
 
         // LMS
@@ -127,7 +125,6 @@ module.exports = {
             {
                 test: /\.(js|jsx)$/,
                 include: [
-                    /studio-frontend/,
                     /paragon/
                 ],
                 use: 'babel-loader'
diff --git a/webpack.dev.config.js b/webpack.dev.config.js
index e3a80aa0b6..ae22b2bc00 100644
--- a/webpack.dev.config.js
+++ b/webpack.dev.config.js
@@ -26,7 +26,6 @@ module.exports = Merge.smart(commonConfig, {
             {
                 test: /(.scss|.css)$/,
                 include: [
-                    /studio-frontend/,
                     /paragon/,
                     /font-awesome/
                 ],
diff --git a/webpack.prod.config.js b/webpack.prod.config.js
index 747d56c364..bdbab2a843 100644
--- a/webpack.prod.config.js
+++ b/webpack.prod.config.js
@@ -19,7 +19,6 @@ module.exports = Merge.smart(commonConfig, {
     },
     devtool: false,
     plugins: [
-        new ExtractTextPlugin('node_modules/@edx/studio-frontend/dist/studio-frontend.min.css'),
         new webpack.DefinePlugin({
             'process.env.NODE_ENV': JSON.stringify('production')
         }),
@@ -33,7 +32,6 @@ module.exports = Merge.smart(commonConfig, {
             {
                 test: /(.scss|.css)$/,
                 include: [
-                    /studio-frontend/,
                     /paragon/,
                     /font-awesome/
                 ],