diff --git a/src/Background/index.ts b/src/Background/index.ts
new file mode 100644
index 0000000..e7624f1
--- /dev/null
+++ b/src/Background/index.ts
@@ -0,0 +1 @@
+console.log('this is background scripts file');
diff --git a/src/scripts/contentScript.js b/src/ContentScript/index.ts
similarity index 100%
rename from src/scripts/contentScript.js
rename to src/ContentScript/index.ts
diff --git a/src/scripts/background.js b/src/scripts/background.js
deleted file mode 100644
index 3993747..0000000
--- a/src/scripts/background.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import browser from 'webextension-polyfill';
-
-browser.runtime.onInstalled.addListener(() => {
-    // eslint-disable-next-line no-console
-    console.log('onInstalled....');
-});
-
-browser.runtime.onMessage.addListener((request, sender, sendResponse) => {
-    // Do something with the message!
-    alert(request.url);
-
-    // And respond back to the sender.
-    return Promise.resolve('got your message, thanks!');
-});
diff --git a/webpack.config.js b/webpack.config.js
index 2189f11..7ea7019 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -52,8 +52,8 @@ module.exports = {
     mode: nodeEnv,
 
     entry: {
-        background: './src/scripts/background.js',
-        contentScript: './src/scripts/contentScript.js',
+        background: path.join(sourcePath, 'Background', 'index.ts'),
+        contentScript: path.join(sourcePath, 'ContentScript', 'index.ts'),
         popup: './src/scripts/popup.js',
         options: './src/scripts/options.js',
         styles: [path.join(sourcePath, 'Popup', 'popup.scss'), path.join(sourcePath, 'Options', 'options.scss')],