diff --git a/sapl-frontend/src/apps/compilacao/js/old/compilacao_edit.js b/sapl-frontend/src/apps/compilacao/js/old/compilacao_edit.js
index 112ee04f0..5f72df2d9 100644
--- a/sapl-frontend/src/apps/compilacao/js/old/compilacao_edit.js
+++ b/sapl-frontend/src/apps/compilacao/js/old/compilacao_edit.js
@@ -1,3 +1,6 @@
+
+let _$ = window.$
+
 window.DispositivoEdit = function () {
   // Função única - Singleton pattern - operador new sempre devolve o mesmo objeto
   let instance
@@ -18,7 +21,7 @@ window.DispositivoEdit = function () {
   instance.bindActionsEditorType = function (event) {
     editortype = this.getAttribute('editortype')
     window.SetCookie('editortype', editortype, 30)
-    let dpt = $(this).closest('.dpt')
+    let dpt = _$(this).closest('.dpt')
 
     let pk = dpt.attr('pk')
     instance.clearEditSelected()
@@ -39,7 +42,7 @@ window.DispositivoEdit = function () {
     let url = pk + '/refresh'
     instance.waitShow()
 
-    $.get(url, form_data).done(function (data) {
+    _$.get(url, form_data).done(function (data) {
       instance.clearEditSelected()
       if (data.pk != null) {
         instance.message(data)
@@ -48,10 +51,10 @@ window.DispositivoEdit = function () {
   }
 
   instance.clearEditSelected = function () {
-    $('.dpt-selected > .dpt-form').html('')
-    $('.dpt-actions, .dpt-actions-bottom').html('')
+    _$('.dpt-selected > .dpt-form').html('')
+    _$('.dpt-actions, .dpt-actions-bottom').html('')
     window.tinymce.remove()
-    $('.dpt-selected').removeClass('dpt-selected')
+    _$('.dpt-selected').removeClass('dpt-selected')
   }
 
   instance.editDispositivo = function (event) {
@@ -63,7 +66,7 @@ window.DispositivoEdit = function () {
 
     if (obj_click && obj_click.getAttribute('href') && obj_click.getAttribute('href').length > 0) { return }
 
-    let dpt = $(this).closest('.dpt')
+    let dpt = _$(this).closest('.dpt')
     if (dpt.hasClass('dpt-selected')) {
       if (this.getAttribute('action') === 'editor-close') { instance.clearEditSelected() }
       return
@@ -78,12 +81,12 @@ window.DispositivoEdit = function () {
 
   instance.gc = function () {
     setTimeout(function () {
-      $('.dpt:not(.dpt-selected) > .dpt-form').html('')
+      _$('.dpt:not(.dpt-selected) > .dpt-form').html('')
     }, 500)
   }
 
   instance.get_form_base = function () {
-    let _this = $(this)
+    let _this = _$(this)
     _this.addClass('dpt-selected')
 
     let dpt_form = _this.children().filter('.dpt-form')
@@ -104,9 +107,9 @@ window.DispositivoEdit = function () {
   }
 
   instance.get_form_alteracao = function () {
-    let _this = $(this)
+    let _this = _$(this)
     _this.off('get_form_alteracao')
-    $('.dpt-actions, .dpt-actions-bottom').html('')
+    _$('.dpt-actions, .dpt-actions-bottom').html('')
 
     let dpt_form = _this.children().filter('.dpt-form').children().first()
     let url_search = dpt_form[0]['id_dispositivo_search_form'].value
@@ -126,9 +129,9 @@ window.DispositivoEdit = function () {
   }
 
   instance.get_form_inclusao = function () {
-    let _this = $(this)
+    let _this = _$(this)
     _this.off('get_form_inclusao')
-    $('.dpt-actions, .dpt-actions-bottom').html('')
+    _$('.dpt-actions, .dpt-actions-bottom').html('')
 
     let dpt_form = _this.children().filter('.dpt-form').children().first()
     let url_search = dpt_form[0]['id_dispositivo_search_form'].value
@@ -151,9 +154,9 @@ window.DispositivoEdit = function () {
   }
 
   instance.get_form_revogacao = function () {
-    let _this = $(this)
+    let _this = _$(this)
     _this.off('get_form_revogacao')
-    $('.dpt-actions, .dpt-actions-bottom').html('')
+    _$('.dpt-actions, .dpt-actions-bottom').html('')
 
     let dpt_form = _this.children().filter('.dpt-form').children().first()
     let url_search = dpt_form[0]['id_dispositivo_search_form'].value
@@ -173,7 +176,7 @@ window.DispositivoEdit = function () {
   }
 
   instance.allowed_inserts_registro_inclusao = function (params) {
-    let dispositivo_base_para_inclusao = $('#id' + params.pk_bloco + " input[name='dispositivo_base_para_inclusao']")
+    let dispositivo_base_para_inclusao = _$('#id' + params.pk_bloco + " input[name='dispositivo_base_para_inclusao']")
     if (dispositivo_base_para_inclusao.length === 0) { return }
 
     let pk = dispositivo_base_para_inclusao[0].value
@@ -185,16 +188,16 @@ window.DispositivoEdit = function () {
     let url = pk + '/refresh'
     instance.waitShow()
 
-    $.get(url, form_data).done(function (data) {
-      $('.allowed_inserts').html(data)
-      $('.allowed_inserts').find('.btn-action').on('click', instance.bindActionsClick)
+    _$.get(url, form_data).done(function (data) {
+      _$('.allowed_inserts').html(data)
+      _$('.allowed_inserts').find('.btn-action').on('click', instance.bindActionsClick)
     }).fail(instance.waitHide).always(instance.waitHide)
   }
 
   instance.loadActionsEdit = function (dpt) {
     let pk = dpt.attr('pk')
     let url = pk + '/refresh?action=get_actions'
-    $.get(url).done(function (data) {
+    _$.get(url).done(function (data) {
       dpt.find('.dpt-actions').first().html(data)
       dpt.find('.btn-action').on('click', instance.bindActionsClick)
       // dpt.find('.btn-perfis').on('click', instance.bindActionsClick);
@@ -205,7 +208,7 @@ window.DispositivoEdit = function () {
 
       dpt.find('.btn-group-inserts button').mouseenter(function (event) {
         dpt.find('.btn-group-inserts').removeClass('open')
-        $(this.parentElement).addClass('open')
+        _$(this.parentElement).addClass('open')
       })
 
       instance.gc()
@@ -217,7 +220,7 @@ window.DispositivoEdit = function () {
     let dpt_form = dpt.children().filter('.dpt-form')
     if (dpt_form.length === 1) {
       let url = pk + '/refresh?action=' + trigger
-      $.get(url).done(function (data) {
+      _$.get(url).done(function (data) {
         if (editortype !== 'construct') {
           dpt_form.html(data)
           if (editortype === 'tinymce') {
@@ -233,7 +236,7 @@ window.DispositivoEdit = function () {
   }
 
   instance.loadFormsCompilacao = function (event) {
-    let dpt = $(this).closest('.dpt')
+    let dpt = _$(this).closest('.dpt')
     let formtype = this.getAttribute('action')
     dpt.on(formtype, instance[formtype])
     instance.loadForm(dpt, formtype)
@@ -241,16 +244,16 @@ window.DispositivoEdit = function () {
 
   instance.modalMessage = function (message, alert, closeFunction) {
     if (message !== null && message !== '') {
-      $('#modal-message #message').html(message)
-      $('#modal-message').modal('show')
-      $('#modal-message, #modal-message .alert button').off()
-      $('#modal-message .alert').removeClass('alert-success alert-info alert-warning alert-danger alert-danger')
-      $('#modal-message .alert').addClass(alert)
+      _$('#modal-message #message').html(message)
+      _$('#modal-message').modal('show')
+      _$('#modal-message, #modal-message .alert button').off()
+      _$('#modal-message .alert').removeClass('alert-success alert-info alert-warning alert-danger alert-danger')
+      _$('#modal-message .alert').addClass(alert)
 
-      if (closeFunction != null) { $('#modal-message').on('hidden.bs.modal', closeFunction) }
+      if (closeFunction != null) { _$('#modal-message').on('hidden.bs.modal', closeFunction) }
 
-      $('#modal-message .alert button').on('click', function () {
-        $('#modal-message').modal('hide')
+      _$('#modal-message .alert button').on('click', function () {
+        _$('#modal-message').modal('hide')
       })
       return true
     }
@@ -267,7 +270,7 @@ window.DispositivoEdit = function () {
       } else {
         instance.refreshScreenFocusPk(data)
         if (!('message' in data)) { return }
-        let cp_notify = $('.cp-notify')
+        let cp_notify = _$('.cp-notify')
         cp_notify.removeClass('hide')
         let msg = cp_notify.find('.message')
         msg.text(data.message.value)
@@ -281,11 +284,11 @@ window.DispositivoEdit = function () {
     }
   }
   instance.offClicks = function () {
-    $('.btn-dpt-edit').off()
+    _$('.btn-dpt-edit').off()
   }
   instance.onClicks = function (container) {
     let objects
-    if (container === null) { objects = $('.btn-dpt-edit') } else { objects = $(container).find('.btn-dpt-edit') }
+    if (container == null) { objects = _$('.btn-dpt-edit') } else { objects = _$(container).find('.btn-dpt-edit') }
     objects.on('click', instance.editDispositivo)
   }
 
@@ -307,12 +310,12 @@ window.DispositivoEdit = function () {
       }),
       'formtype': 'get_form_alteracao'
     }
-    let url = $(this).closest('.dpt').attr('pk') + '/refresh'
+    let url = _$(this).closest('.dpt').attr('pk') + '/refresh'
 
     instance.waitShow()
 
     // eslint-disable-next-line
-    $.post(url, form_data, dataType = 'json')
+    _$.post(url, form_data, dataType = 'json')
       .done(function (data) {
         instance.clearEditSelected()
 
@@ -333,11 +336,11 @@ window.DispositivoEdit = function () {
       'dispositivo_base_para_inclusao': this['dispositivo_base_para_inclusao'].value,
       'formtype': 'get_form_inclusao'
     }
-    let url = $(this).closest('.dpt').attr('pk') + '/refresh'
+    let url = _$(this).closest('.dpt').attr('pk') + '/refresh'
 
     instance.waitShow()
 
-    $.post(url, form_data)
+    _$.post(url, form_data)
       .done(function (data) {
         instance.clearEditSelected()
 
@@ -372,11 +375,11 @@ window.DispositivoEdit = function () {
       'formtype': 'get_form_revogacao'
     }
 
-    let url = $(this).closest('.dpt').attr('pk') + '/refresh'
+    let url = _$(this).closest('.dpt').attr('pk') + '/refresh'
 
     instance.waitShow()
 
-    $.post(url, form_data)
+    _$.post(url, form_data)
       .done(function (data) {
         instance.clearEditSelected()
 
@@ -413,15 +416,15 @@ window.DispositivoEdit = function () {
       'formtype': 'get_form_base'
     }
 
-    let url = $(this).closest('.dpt').attr('pk') + '/refresh'
+    let url = _$(this).closest('.dpt').attr('pk') + '/refresh'
 
     instance.waitShow()
 
-    $.post(url, form_data)
+    _$.post(url, form_data)
       .done(function (data) {
         if (typeof data === 'string') { /* if obsoleto */
-          let dpt = $(_this).closest('.dpt')
-          dpt = $('#' + dpt.replaceWith(data).attr('id'))
+          let dpt = _$(_this).closest('.dpt')
+          dpt = _$('#' + dpt.replaceWith(data).attr('id'))
           instance.onClicks(dpt)
           instance.waitHide()
           return
@@ -446,9 +449,9 @@ window.DispositivoEdit = function () {
     let pk = pais.shift()
     let url = pk + '/refresh'
 
-    $.get(url).done(function (data) {
-      let dpt = $('#id' + pk).closest('.dpt')
-      dpt = $('#' + dpt.replaceWith(data).attr('id'))
+    _$.get(url).done(function (data) {
+      let dpt = _$('#id' + pk).closest('.dpt')
+      dpt = _$('#' + dpt.replaceWith(data).attr('id'))
       instance.onClicks(dpt)
       instance.reloadFunctionsDraggables()
 
@@ -476,7 +479,7 @@ window.DispositivoEdit = function () {
   }
 
   instance.reloadFunctionsDraggables = function () {
-    $('.dpt-alts').sortable({
+    _$('.dpt-alts').sortable({
       revert: true,
       distance: 15,
       start: function (event, ui) {
@@ -486,51 +489,51 @@ window.DispositivoEdit = function () {
         let bloco_pk = ui.item.closest('.dpt-alts').closest('.dpt').attr('pk')
 
         let url = pk + '/refresh?action=json_drag_move_dpt_alterado&index=' + ui.item.index() + '&bloco_pk=' + bloco_pk
-        $.get(url).done(function (data) {
+        _$.get(url).done(function (data) {
           console.log(pk + ' - ' + bloco_pk)
           // reloadFunctionsForObjectsOfCompilacao();
         })
       }
     })
 
-    $('.dpt-alts .dpt').draggable({
+    _$('.dpt-alts .dpt').draggable({
       connectToSortable: '.dpt-alts',
       revert: 'invalid',
       zIndex: 1,
       distance: 15,
       drag: function (event, ui) {
-        // $('.dpt-comp-selected').removeClass('dpt-comp-selected');
-        $('.dpt-alts').addClass('drag')
+        // _$('.dpt-comp-selected').removeClass('dpt-comp-selected');
+        _$('.dpt-alts').addClass('drag')
       },
       stop: function (event, ui) {
-        $('.dpt-alts').removeClass('drag')
+        _$('.dpt-alts').removeClass('drag')
       }
     })
 
-    $('.dpt-alts').disableSelection()
+    _$('.dpt-alts').disableSelection()
   }
   instance.scrollTo = function (dpt) {
     try {
-      $('html, body').animate({
+      _$('html, body').animate({
         scrollTop: dpt.offset().top - window.innerHeight / 9
       }, 100)
     } catch (err) {
     }
   }
   instance.triggerBtnDptEdit = function (pk) {
-    let btn_dpt_edit = $('#id' + pk + ' > .dpt-text.btn-dpt-edit')
-    if (btn_dpt_edit.length === 0) { btn_dpt_edit = $('#id' + pk + ' > .dpt-actions-fixed > .btn-dpt-edit') }
+    let btn_dpt_edit = _$('#id' + pk + ' > .dpt-text.btn-dpt-edit')
+    if (btn_dpt_edit.length === 0) { btn_dpt_edit = _$('#id' + pk + ' > .dpt-actions-fixed > .btn-dpt-edit') }
     btn_dpt_edit.trigger('click')
   }
   instance.waitHide = function () {
-    $('#wait_message').addClass('displaynone')
+    _$('#wait_message').addClass('displaynone')
   }
   instance.waitShow = function () {
-    $('#wait_message').removeClass('displaynone')
+    _$('#wait_message').removeClass('displaynone')
   }
 
   instance.init = function () {
-    $('.dpt-actions-fixed').first().css('opacity', '1')
+    _$('.dpt-actions-fixed').first().css('opacity', '1')
     editortype = window.ReadCookie('editortype')
     if (editortype === null || editortype === '') {
       editortype = 'textarea'
@@ -545,7 +548,7 @@ window.DispositivoEdit = function () {
     if (href.length === 2 && href[1] !== '') {
       instance.triggerBtnDptEdit(href[1])
     }
-    $('main').click(function (event) {
+    _$('main').click(function (event) {
       if (event.target === this || event.target === this.firstElementChild) { instance.clearEditSelected() }
     })
     instance.waitHide()
@@ -553,6 +556,6 @@ window.DispositivoEdit = function () {
   instance.init()
 }
 
-$(document).ready(function () {
+_$(document).ready(function () {
   window.DispositivoEdit()
 })
diff --git a/sapl-frontend/src/apps/compilacao/main.js b/sapl-frontend/src/apps/compilacao/main.js
index caf9d3195..f60e87c40 100644
--- a/sapl-frontend/src/apps/compilacao/main.js
+++ b/sapl-frontend/src/apps/compilacao/main.js
@@ -6,7 +6,8 @@ import compilacao from './js/old/compilacao'
 import compilacaoView from './js/old/compilacao_view'
 import compilacaoNotas from './js/old/compilacao_notas'
 
-// import './js/compilacao_edit'
+import './js/old/compilacao_edit'
+
 
 _.forEach(_.merge(_.merge(compilacao, compilacaoNotas), compilacaoView), function (func, key) {
   window[key] = func
diff --git a/sapl/templates/compilacao/dispositivo_form.html b/sapl/templates/compilacao/dispositivo_form.html
index 6de4ea9c4..5bd081e99 100644
--- a/sapl/templates/compilacao/dispositivo_form.html
+++ b/sapl/templates/compilacao/dispositivo_form.html
@@ -1,9 +1,6 @@
-{% extends "base.html" %}
-{% load i18n crispy_forms_tags compilacao_filters staticfiles sass_tags %}
+{% extends "compilacao/base_compilacao.html" %}
+{% load i18n crispy_forms_tags compilacao_filters %}
 
-{% block head_content %}{{block.super}}
-  <link rel="stylesheet" href="{% sass_src 'styles/compilacao.scss' %}" type="text/css">
-{% endblock %}
 {% block sections_nav %}
   <ul class="nav nav-pills navbar-right">
     {% url 'sapl.compilacao:dispositivo_edit' object.ta_id object.pk as edit_url%}
@@ -56,7 +53,3 @@
   <br><br>
   {% crispy form %}
 {% endblock %}
-
-{% block extra_js %}
-  <script type="text/javascript" src="{% static 'js/compilacao.js' %}"></script>
-{% endblock %}
diff --git a/sapl/templates/compilacao/text_edit.html b/sapl/templates/compilacao/text_edit.html
index f906835fe..729b5d6f2 100644
--- a/sapl/templates/compilacao/text_edit.html
+++ b/sapl/templates/compilacao/text_edit.html
@@ -1,15 +1,8 @@
 {% extends "compilacao/textoarticulado_detail.html" %}
 {% load i18n %}
 {% load compilacao_filters %}
-{% load staticfiles %}
-{% load sass_tags %}
 {% load crispy_forms_tags %}
 {% load common_tags %}
-
-{% block head_content %}{{block.super}}
-  <link rel="stylesheet" href="{% sass_src 'styles/compilacao.scss' %}" type="text/css">
-{% endblock %}
-
 {% block title%}
   <h2 class="page-header">{% if object.content_object.title_type %}{{object.content_object.title_type}}{%else%}{{object}}{% endif %}{% comment %}<small><i>{% trans 'Texto Multivigente em Edição' %}</i></small>{% endcomment %}</h2>
 {% endblock %}
@@ -134,11 +127,4 @@
     </div>
   </div>
 </div>
-
 {% endblock base_content %}
-
-{% block foot_js %}
-  {{block.super}}
-  <script type="text/javascript" src="{% static 'js/compilacao.js' %}"></script>
-  <script type="text/javascript" src="{% static 'js/compilacao_edit.js' %}"></script>
-{% endblock %}
diff --git a/sapl/templates/compilacao/text_list__print_version.html b/sapl/templates/compilacao/text_list__print_version.html
index aaf49babb..ce328fc19 100644
--- a/sapl/templates/compilacao/text_list__print_version.html
+++ b/sapl/templates/compilacao/text_list__print_version.html
@@ -2,8 +2,6 @@
 {% load i18n %}
 {% load compilacao_filters %}
 {% load common_tags %}
-{% load staticfiles %}
-{% load sass_tags %}
 
 {% block navigation %}{% endblock %}
 {% block sections_nav %}{% endblock %}
@@ -13,9 +11,3 @@
 
 {% block detail_content %}{% endblock %}
 {% block footer_container %}{% endblock %}
-
-
-{% block extra_js %}{{block.super}}
-  <script type="text/javascript" src="{% static 'js/compilacao.js' %}"></script>
-  <script type="text/javascript" src="{% static 'js/compilacao_view.js' %}"></script>
-{% endblock %}
diff --git a/webpack-stats.json b/webpack-stats.json
index 354477089..1fa9fd14f 100644
--- a/webpack-stats.json
+++ b/webpack-stats.json
@@ -1 +1 @@
-{"status":"done","publicPath":"/static/","chunks":{"compilacao":[{"name":"css/compilacao.8f6b7cdb.css","publicPath":"/static/css/compilacao.8f6b7cdb.css","path":"../sapl/static/css/compilacao.8f6b7cdb.css"},{"name":"js/compilacao.04e48cbd.js","publicPath":"/static/js/compilacao.04e48cbd.js","path":"../sapl/static/js/compilacao.04e48cbd.js"}],"global":[{"name":"css/global.f850b43e.css","publicPath":"/static/css/global.f850b43e.css","path":"../sapl/static/css/global.f850b43e.css"},{"name":"js/global.48a397da.js","publicPath":"/static/js/global.48a397da.js","path":"../sapl/static/js/global.48a397da.js"}],"sapl-oficial-theme":[{"name":"css/sapl-oficial-theme.3e31fc98.css","publicPath":"/static/css/sapl-oficial-theme.3e31fc98.css","path":"../sapl/static/css/sapl-oficial-theme.3e31fc98.css"},{"name":"js/sapl-oficial-theme.af3fd982.js","publicPath":"/static/js/sapl-oficial-theme.af3fd982.js","path":"../sapl/static/js/sapl-oficial-theme.af3fd982.js"}]}}
\ No newline at end of file
+{"status":"done","publicPath":"http://localhost:8080/","chunks":{"compilacao":[{"name":"compilacao.js","publicPath":"http://localhost:8080/compilacao.js","path":"../sapl/static/compilacao.js"},{"name":"compilacao.2d73d10fd387556a6a39.hot-update.js","publicPath":"http://localhost:8080/compilacao.2d73d10fd387556a6a39.hot-update.js","path":"../sapl/static/compilacao.2d73d10fd387556a6a39.hot-update.js"}],"global":[{"name":"global.js","publicPath":"http://localhost:8080/global.js","path":"../sapl/static/global.js"}],"sapl-oficial-theme":[{"name":"sapl-oficial-theme.js","publicPath":"http://localhost:8080/sapl-oficial-theme.js","path":"../sapl/static/sapl-oficial-theme.js"}]}}
\ No newline at end of file