diff --git a/.babelrc.js b/.babelrc.js
index 6685869..b5aa7cb 100644
--- a/.babelrc.js
+++ b/.babelrc.js
@@ -10,6 +10,7 @@ module.exports = {
     '@babel/plugin-proposal-do-expressions',
     '@babel/plugin-proposal-export-default-from',
     '@babel/plugin-proposal-function-bind',
+    'macros',
   ],
 
   env: {
diff --git a/build/shared.js b/build/shared.js
index a83623e..a444e0e 100755
--- a/build/shared.js
+++ b/build/shared.js
@@ -95,7 +95,7 @@ const generateFileLoaderForImages = ({ publicPath }) => ({
 // 大部分文件不应进行编码，因为可能降低页面加载性能
 const generateUrlLoaderForImages = () => ({
   test: input => reImageExt.test(input) && reBase64.test(input),
-  use: [ {
+  use: [ 'cache-loader', {
     loader: 'url-loader',
     options: {
       limit: 2048,
diff --git a/build/webpack.config.js b/build/webpack.config.js
index f6e30ae..0d398cc 100644
--- a/build/webpack.config.js
+++ b/build/webpack.config.js
@@ -1,4 +1,7 @@
 module.exports = [
-  require('./webpack.js.config'),
+  require('./webpack.js.config')('background', 'background-content-page'),
+  require('./webpack.js.config')('content', 'background-content-page'),
+  require('./webpack.js.config')('page', 'background-content-page'),
+  require('./webpack.js.config')('settings', 'settings'),
   require('./webpack.css.config'),
 ]
diff --git a/build/webpack.css.config.js b/build/webpack.css.config.js
index 86b051c..fab9a18 100644
--- a/build/webpack.css.config.js
+++ b/build/webpack.css.config.js
@@ -10,7 +10,7 @@ const {
   generateUrlLoaderForImages,
 } = require('./shared')
 
-module.exports = (env, { mode } = defaultArgv) => ({
+module.exports = (_, { mode } = defaultArgv) => ({
   name: 'css',
 
   entry: {
diff --git a/build/webpack.js.config.js b/build/webpack.js.config.js
index 5fc55a4..0af9ac0 100755
--- a/build/webpack.js.config.js
+++ b/build/webpack.js.config.js
@@ -11,12 +11,11 @@ const {
   generateFileLoaderForOtherAssets,
 } = require('./shared')
 
-module.exports = (env, { mode } = defaultArgv) => ({
+module.exports = (id, entryFile) => (_, { mode } = defaultArgv) => ({
   name: 'js',
 
   entry: {
-    'background-content-page': approot('src/entries/background-content-page.js'),
-    'settings': approot('src/entries/settings.js'),
+    [id]: approot(`src/entries/${entryFile}.js`),
   },
 
   output: {
@@ -28,7 +27,28 @@ module.exports = (env, { mode } = defaultArgv) => ({
 
   module: {
     rules: [
-      { test: /\.js$/, use: [ 'cache-loader', 'babel-loader' ] },
+      {
+        test: /\.js$/,
+        use: [
+          {
+            loader: 'cache-loader',
+            options: {
+              cacheIdentifier: require('cache-loader/package').version + mode + id,
+            },
+          },
+          'babel-loader',
+          {
+            loader: 'ifdef-loader',
+            options: {
+              DEVELOPMENT: mode === 'development',
+              PRODUCTION: mode === 'production',
+              ENV_BACKGROUND: id === 'background',
+              ENV_CONTENT: id === 'content',
+              ENV_PAGE: id === 'page',
+            },
+          },
+        ],
+      },
       generateStyleLoader({ mode }),
       generateUrlLoaderForImages(),
       generateFileLoaderForImages({ publicPath: `${EXTENSION_ORIGIN_PLACEHOLDER}/` }),
diff --git a/package.json b/package.json
index 2bd02ff..53ee689 100644
--- a/package.json
+++ b/package.json
@@ -88,6 +88,7 @@
     "babel-eslint": "^10.0.1",
     "babel-jest": "^24.7.1",
     "babel-loader": "^8.0.4",
+    "babel-plugin-macros": "^2.6.1",
     "cache-loader": "^4.0.0",
     "chalk": "^2.4.2",
     "copy-webpack-plugin": "^5.0.2",
@@ -99,6 +100,8 @@
     "eslint-plugin-react": "^7.12.4",
     "esm": "^3.2.22",
     "file-loader": "^4.0.0",
+    "ifdef-loader": "^2.1.4",
+    "import-all.macro": "^2.0.3",
     "jest": "^24.7.1",
     "jest-webpack-resolver": "^0.3.0",
     "less": "^3.9.0",
diff --git a/src/background/feature/createFeatureClass.js b/src/background/feature/createFeatureClass.js
index 5cee706..ec10992 100644
--- a/src/background/feature/createFeatureClass.js
+++ b/src/background/feature/createFeatureClass.js
@@ -23,10 +23,6 @@ export default ({ messaging, bridge, settings, modules }) => class Feature {
   }
 
   async init() {
-    if (!this.subfeatures.length) {
-      return
-    }
-
     await this.loadOptionValues()
     await this.migrate()
 
diff --git a/src/constants/envs.js b/src/constants/envs.js
deleted file mode 100644
index ed554b6..0000000
--- a/src/constants/envs.js
+++ /dev/null
@@ -1,6 +0,0 @@
-// background script
-export const ENV_BACKGROUND = 'background'
-// 通过 manifest.json 指定的 content script
-export const ENV_CONTENT = 'content'
-// 由 content script 通过 <script> 注入到页面中的脚本
-export const ENV_PAGE = 'page'
diff --git a/src/constants/index.js b/src/constants/index.js
index 10be6d6..090f394 100644
--- a/src/constants/index.js
+++ b/src/constants/index.js
@@ -8,4 +8,4 @@ function loadConstants() {
   }, {})
 }
 
-Object.assign(exports, loadConstants())
+module.exports = Object.assign(exports, loadConstants())
diff --git a/src/content/environment/injectScript.js b/src/content/environment/injectScript.js
index 69694aa..5efe582 100644
--- a/src/content/environment/injectScript.js
+++ b/src/content/environment/injectScript.js
@@ -1,7 +1,7 @@
 import loadAsset, { appendToRoot } from '@libs/loadAsset'
 
 export default () => {
-  const URL_INJECTED_JS = chrome.runtime.getURL('background-content-page.js')
+  const URL_INJECTED_JS = chrome.runtime.getURL('page.js')
 
   // 保证先于饭否的脚本执行
   loadAsset({ type: 'script', url: URL_INJECTED_JS, mount: appendToRoot })
diff --git a/src/content/feature/createSubfeatureClass.js b/src/content/feature/createSubfeatureClass.js
index d67ff8b..bd61e37 100644
--- a/src/content/feature/createSubfeatureClass.js
+++ b/src/content/feature/createSubfeatureClass.js
@@ -7,7 +7,7 @@ import every from '@libs/promiseEvery'
 import log from '@libs/log'
 
 export default ({ messaging, bridge, modules }) => class Subfeature {
-  constructor({ featureName, subfeatureName, script, style, parent }) {
+  constructor({ featureName, subfeatureName, style, script, parent }) {
     this.featureName = featureName
     this.subfeatureName = subfeatureName
     this.parent = parent
diff --git a/src/entries/background-content-page.js b/src/entries/background-content-page.js
index 3487c90..3556710 100644
--- a/src/entries/background-content-page.js
+++ b/src/entries/background-content-page.js
@@ -1,7 +1,5 @@
 import features from '@features'
 import safelyInvokeFn from '@libs/safelyInvokeFn'
-import detectEnv from '@libs/detectEnv'
-import { ENV_BACKGROUND, ENV_CONTENT, ENV_PAGE } from '@constants'
 
 async function init({ createEnvironment, modules, createFeatureClass, createSubfeatureClass }) {
   const environment = await createEnvironment()
@@ -9,35 +7,35 @@ async function init({ createEnvironment, modules, createFeatureClass, createSubf
   const Subfeature = createSubfeatureClass({ ...environment, modules })
 
   for (const [ featureName, { metadata, subfeatures } ] of Object.entries(features)) {
+    if (!subfeatures) continue
+
     const feature = new Feature({
       featureName,
       metadata,
     })
 
-    for (const [ subfeatureName, { envType, loadScript, loadStyle } ] of Object.entries(subfeatures)) {
-      if (envType === detectEnv()) {
-        const subfeature = new Subfeature({
-          featureName,
-          subfeatureName,
-          script: loadScript ? loadScript() : null,
-          style: loadStyle ? loadStyle() : null,
-          parent: feature,
-        })
+    for (const [ subfeatureName, { style, script } ] of Object.entries(subfeatures)) {
+      const subfeature = new Subfeature({
+        featureName,
+        subfeatureName,
+        /// #if ENV_CONTENT || ENV_PAGE
+        style,
+        /// #endif
+        script,
+        parent: feature,
+      })
 
-        feature.addSubfeature(subfeature)
-      }
+      feature.addSubfeature(subfeature)
     }
 
     safelyInvokeFn(::feature.init)
   }
 }
 
-function bootstrap() {
-  switch (detectEnv()) {
-  case ENV_BACKGROUND: return init(require('@background'))
-  case ENV_CONTENT: return init(require('@content'))
-  case ENV_PAGE: return init(require('@page'))
-  default:
-  }
-}
-bootstrap()
+/// #if ENV_BACKGROUND
+init(require('@background'))
+/// #elif ENV_CONTENT
+init(require('@content'))
+/// #elif ENV_PAGE
+init(require('@page'))
+/// #endif
diff --git a/src/features/auto-pager/script(page).js b/src/features/auto-pager/@page.js
similarity index 100%
rename from src/features/auto-pager/script(page).js
rename to src/features/auto-pager/@page.js
diff --git a/src/features/batch-manage-relationships/script(page)[friend-requests].js b/src/features/batch-manage-relationships/friend-requests@page.js
similarity index 100%
rename from src/features/batch-manage-relationships/script(page)[friend-requests].js
rename to src/features/batch-manage-relationships/friend-requests@page.js
diff --git a/src/features/batch-manage-relationships/style(page)[friend-requests].less b/src/features/batch-manage-relationships/friend-requests@page.less
similarity index 100%
rename from src/features/batch-manage-relationships/style(page)[friend-requests].less
rename to src/features/batch-manage-relationships/friend-requests@page.less
diff --git a/src/features/batch-manage-relationships/script(page)[friends-and-followers].js b/src/features/batch-manage-relationships/friends-and-followers@page.js
similarity index 100%
rename from src/features/batch-manage-relationships/script(page)[friends-and-followers].js
rename to src/features/batch-manage-relationships/friends-and-followers@page.js
diff --git a/src/features/batch-manage-relationships/style(page)[friends-and-followers].less b/src/features/batch-manage-relationships/friends-and-followers@page.less
similarity index 100%
rename from src/features/batch-manage-relationships/style(page)[friends-and-followers].less
rename to src/features/batch-manage-relationships/friends-and-followers@page.less
diff --git a/src/features/batch-remove-private-messages/script(page).js b/src/features/batch-remove-private-messages/@page.js
similarity index 100%
rename from src/features/batch-remove-private-messages/script(page).js
rename to src/features/batch-remove-private-messages/@page.js
diff --git a/src/features/batch-remove-private-messages/style(page).less b/src/features/batch-remove-private-messages/@page.less
similarity index 100%
rename from src/features/batch-remove-private-messages/style(page).less
rename to src/features/batch-remove-private-messages/@page.less
diff --git a/src/features/batch-remove-statuses/script(page).js b/src/features/batch-remove-statuses/@page.js
similarity index 100%
rename from src/features/batch-remove-statuses/script(page).js
rename to src/features/batch-remove-statuses/@page.js
diff --git a/src/features/batch-remove-statuses/style(page).less b/src/features/batch-remove-statuses/@page.less
similarity index 100%
rename from src/features/batch-remove-statuses/style(page).less
rename to src/features/batch-remove-statuses/@page.less
diff --git a/src/features/better-at-autocomplete/script(page)[disable-old-one].js b/src/features/better-at-autocomplete/disable-old-one@page.js
similarity index 100%
rename from src/features/better-at-autocomplete/script(page)[disable-old-one].js
rename to src/features/better-at-autocomplete/disable-old-one@page.js
diff --git a/src/features/better-at-autocomplete/script(page)[enable-new-one].js b/src/features/better-at-autocomplete/enable-new-one@page.js
similarity index 100%
rename from src/features/better-at-autocomplete/script(page)[enable-new-one].js
rename to src/features/better-at-autocomplete/enable-new-one@page.js
diff --git a/src/features/better-at-autocomplete/style(page)[enable-new-one].less b/src/features/better-at-autocomplete/enable-new-one@page.less
similarity index 100%
rename from src/features/better-at-autocomplete/style(page)[enable-new-one].less
rename to src/features/better-at-autocomplete/enable-new-one@page.less
diff --git a/src/features/box-shadows/style(content).less b/src/features/box-shadows/@content.less
similarity index 100%
rename from src/features/box-shadows/style(content).less
rename to src/features/box-shadows/@content.less
diff --git a/src/features/check-friendship/script(page).js b/src/features/check-friendship/@page.js
similarity index 100%
rename from src/features/check-friendship/script(page).js
rename to src/features/check-friendship/@page.js
diff --git a/src/features/check-saved-searches/script(background)[service].js b/src/features/check-saved-searches/service@background.js
old mode 100755
new mode 100644
similarity index 100%
rename from src/features/check-saved-searches/script(background)[service].js
rename to src/features/check-saved-searches/service@background.js
diff --git a/src/features/check-saved-searches/script(page)[sidebar-indicators].js b/src/features/check-saved-searches/sidebar-indicators@page.js
old mode 100755
new mode 100644
similarity index 100%
rename from src/features/check-saved-searches/script(page)[sidebar-indicators].js
rename to src/features/check-saved-searches/sidebar-indicators@page.js
diff --git a/src/features/check-saved-searches/style(page)[sidebar-indicators].less b/src/features/check-saved-searches/sidebar-indicators@page.less
similarity index 100%
rename from src/features/check-saved-searches/style(page)[sidebar-indicators].less
rename to src/features/check-saved-searches/sidebar-indicators@page.less
diff --git a/src/features/enrich-statuses/script(page).js b/src/features/enrich-statuses/@page.js
old mode 100755
new mode 100644
similarity index 100%
rename from src/features/enrich-statuses/script(page).js
rename to src/features/enrich-statuses/@page.js
diff --git a/src/features/enrich-statuses/style(page).less b/src/features/enrich-statuses/@page.less
similarity index 100%
rename from src/features/enrich-statuses/style(page).less
rename to src/features/enrich-statuses/@page.less
diff --git a/src/features/favorite-fanfouers/script(page)[home].js b/src/features/favorite-fanfouers/home@page.js
old mode 100755
new mode 100644
similarity index 100%
rename from src/features/favorite-fanfouers/script(page)[home].js
rename to src/features/favorite-fanfouers/home@page.js
diff --git a/src/features/favorite-fanfouers/style(page)[home].less b/src/features/favorite-fanfouers/home@page.less
similarity index 100%
rename from src/features/favorite-fanfouers/style(page)[home].less
rename to src/features/favorite-fanfouers/home@page.less
diff --git a/src/features/favorite-fanfouers/script(page)[user-profile].js b/src/features/favorite-fanfouers/user-profile@page.js
old mode 100755
new mode 100644
similarity index 100%
rename from src/features/favorite-fanfouers/script(page)[user-profile].js
rename to src/features/favorite-fanfouers/user-profile@page.js
diff --git a/src/features/favorite-fanfouers/style(page)[user-profile].less b/src/features/favorite-fanfouers/user-profile@page.less
similarity index 100%
rename from src/features/favorite-fanfouers/style(page)[user-profile].less
rename to src/features/favorite-fanfouers/user-profile@page.less
diff --git a/src/features/fix-photo-zoom/script(page).js b/src/features/fix-photo-zoom/@page.js
similarity index 100%
rename from src/features/fix-photo-zoom/script(page).js
rename to src/features/fix-photo-zoom/@page.js
diff --git a/src/features/floating-status-form/script(page)[floating-status-form].js b/src/features/floating-status-form/floating-status-form@page.js
similarity index 100%
rename from src/features/floating-status-form/script(page)[floating-status-form].js
rename to src/features/floating-status-form/floating-status-form@page.js
diff --git a/src/features/floating-status-form/style(page)[floating-status-form].less b/src/features/floating-status-form/floating-status-form@page.less
similarity index 100%
rename from src/features/floating-status-form/style(page)[floating-status-form].less
rename to src/features/floating-status-form/floating-status-form@page.less
diff --git a/src/features/floating-status-form/script(page)[replay-and-repost].js b/src/features/floating-status-form/replay-and-repost@page.js
similarity index 100%
rename from src/features/floating-status-form/script(page)[replay-and-repost].js
rename to src/features/floating-status-form/replay-and-repost@page.js
diff --git a/src/features/floating-status-form/style(page)[replay-and-repost].less b/src/features/floating-status-form/replay-and-repost@page.less
similarity index 100%
rename from src/features/floating-status-form/style(page)[replay-and-repost].less
rename to src/features/floating-status-form/replay-and-repost@page.less
diff --git a/src/features/go-top-button/script(page).js b/src/features/go-top-button/@page.js
similarity index 100%
rename from src/features/go-top-button/script(page).js
rename to src/features/go-top-button/@page.js
diff --git a/src/features/go-top-button/style(page).less b/src/features/go-top-button/@page.less
similarity index 100%
rename from src/features/go-top-button/style(page).less
rename to src/features/go-top-button/@page.less
diff --git a/src/features/google-analytics/script(content).js b/src/features/google-analytics/@content.js
similarity index 100%
rename from src/features/google-analytics/script(content).js
rename to src/features/google-analytics/@content.js
diff --git a/src/features/index.js b/src/features/index.js
index 032e3e2..d62de02 100644
--- a/src/features/index.js
+++ b/src/features/index.js
@@ -1,73 +1,54 @@
+import importAll from 'import-all.macro'
 import dotProp from 'dot-prop'
 import pick from 'just-pick'
-import casey from 'casey-js'
+import parseFilename from '@libs/parseFilename'
 import replaceExtensionOrigin from '@libs/replaceExtensionOrigin'
 
-const componentPathRe = do {
-  const beginning = String.raw`^\.`
-  const ending = '$'
-  const slash = String.raw`/`
+function loadComponent(path, module) {
+  const [ , featureName, filename ] = path.split('/')
 
-  const metadata = '(?<isMetadata>metadata)'
-  const script = '(?<isScript>script)'
-  const style = '(?<isStyle>style)'
-
-  const featureName = '(?<featureName>[a-z-]+)'
-  const subfeatureName = String.raw`\[(?<subfeatureName>[a-z-]+)\]`
-
-  const envType = String.raw`\((?<envType>background|content|page)\)`
-  const extName = String.raw`\.(js|css|less)`
-
-  const or = (...branches) => `(?:${branches.join('|')})`
-  const optional = x => `(?:${x})?`
-
-  new RegExp([
-    beginning + slash + featureName + slash,
-    or(
-      metadata,
-      or(script, style) + envType + optional(subfeatureName),
-    ),
-    extName + ending,
-  ].join(''))
-}
-
-function loadComponent(key, loadModule) {
-  const result = (key.match(componentPathRe) || {}).groups
-  const { featureName, subfeatureName = 'default', envType } = result || {}
-
-  if (!result) throw new Error(`非法路径：${key}`)
-
-  if (result.isMetadata) return {
+  if (filename === 'metadata.js') return {
     featureName,
     type: 'metadata',
-    loadModule,
+    module,
   }
 
-  if (result.isScript) return {
+  const { basename, extname } = parseFilename(filename)
+  const atPos = basename.lastIndexOf('@')
+  const subfeatureName = atPos === 0
+    ? 'default'
+    : basename.substring(0, atPos)
+
+  if ([ '.less', '.css' ].includes(extname)) return {
     featureName,
     subfeatureName,
-    type: 'script',
-    envType,
-    loadModule: () => loadModule().default,
+    type: 'style',
+    module: replaceExtensionOrigin(module),
   }
 
-  if (result.isStyle) return {
+  if (extname === '.js') return {
     featureName,
     subfeatureName,
-    type: 'style',
-    envType,
-    loadModule: () => replaceExtensionOrigin(loadModule()),
+    type: 'script',
+    module: module.default,
   }
 }
 
 function loadComponents() {
-  const context = require.context(
-    './',
-    true,
-    // webpack 要求这里的正则表达式必须使用字面量
-    /\/(metadata\.js|(script|style)\((background|content|page)\)(\[.+\])?\.(js|css|less))$/,
-  )
-  const components = context.keys().map(key => loadComponent(key, () => context(key)))
+  const modules = {
+    ...importAll.sync('./*/metadata.js'),
+    /// #if ENV_BACKGROUND
+    ...importAll.sync('./*/*@background.js'),
+    /// #elif ENV_CONTENT
+    ...importAll.sync('./*/*@content.{less,css}'),
+    ...importAll.sync('./*/*@content.js'),
+    /// #elif ENV_PAGE
+    ...importAll.sync('./*/*@page.{less,css}'),
+    ...importAll.sync('./*/*@page.js'),
+    /// #endif
+  }
+  const components = Object.entries(modules)
+    .map(([ path, module ]) => loadComponent(path, module))
 
   return components
 }
@@ -132,23 +113,18 @@ function processMetadata(featureName, metadata) {
 function loadFeatures() {
   const features = {}
 
-  for (const { featureName, subfeatureName, type, envType, loadModule } of loadComponents()) {
+  for (const { featureName, subfeatureName, type, module } of loadComponents()) {
     if (type === 'metadata') {
       dotProp.set(
         features,
         `${featureName}.metadata`,
-        processMetadata(featureName, loadModule()),
+        processMetadata(featureName, module),
       )
     } else {
       dotProp.set(
         features,
-        `${featureName}.subfeatures.${subfeatureName}.envType`,
-        envType,
-      )
-      dotProp.set(
-        features,
-        `${featureName}.subfeatures.${subfeatureName}.${casey.toCamelCase(`load-${type}`)}`,
-        loadModule,
+        `${featureName}.subfeatures.${subfeatureName}.${type}`,
+        module,
       )
     }
   }
diff --git a/src/features/keyboard-shortcuts/script(page).js b/src/features/keyboard-shortcuts/@page.js
similarity index 100%
rename from src/features/keyboard-shortcuts/script(page).js
rename to src/features/keyboard-shortcuts/@page.js
diff --git a/src/features/notifications/script(background)[service].js b/src/features/notifications/service@background.js
similarity index 100%
rename from src/features/notifications/script(background)[service].js
rename to src/features/notifications/service@background.js
diff --git a/src/features/notifications/script(background)[update-details].js b/src/features/notifications/update-details@background.js
similarity index 100%
rename from src/features/notifications/script(background)[update-details].js
rename to src/features/notifications/update-details@background.js
diff --git a/src/features/process-unread-statuses/script(page)[process-unread-statuses].js b/src/features/process-unread-statuses/process-unread-statuses@page.js
similarity index 100%
rename from src/features/process-unread-statuses/script(page)[process-unread-statuses].js
rename to src/features/process-unread-statuses/process-unread-statuses@page.js
diff --git a/src/features/process-unread-statuses/script(page)[scroll-to-show].js b/src/features/process-unread-statuses/scroll-to-show@page.js
similarity index 100%
rename from src/features/process-unread-statuses/script(page)[scroll-to-show].js
rename to src/features/process-unread-statuses/scroll-to-show@page.js
diff --git a/src/features/process-unread-statuses/style(page)[scroll-to-show].less b/src/features/process-unread-statuses/scroll-to-show@page.less
similarity index 100%
rename from src/features/process-unread-statuses/style(page)[scroll-to-show].less
rename to src/features/process-unread-statuses/scroll-to-show@page.less
diff --git a/src/features/remove-app-recommendations/style(content).less b/src/features/remove-app-recommendations/@content.less
similarity index 100%
rename from src/features/remove-app-recommendations/style(content).less
rename to src/features/remove-app-recommendations/@content.less
diff --git a/src/features/remove-brackets/script(content).js b/src/features/remove-brackets/@content.js
similarity index 100%
rename from src/features/remove-brackets/script(content).js
rename to src/features/remove-brackets/@content.js
diff --git a/src/features/remove-logo-beta/script(content).js b/src/features/remove-logo-beta/@content.js
similarity index 100%
rename from src/features/remove-logo-beta/script(content).js
rename to src/features/remove-logo-beta/@content.js
diff --git a/src/features/remove-logo-beta/style(content).less b/src/features/remove-logo-beta/@content.less
similarity index 100%
rename from src/features/remove-logo-beta/style(content).less
rename to src/features/remove-logo-beta/@content.less
diff --git a/src/features/remove-personalized-theme/script(content).js b/src/features/remove-personalized-theme/@content.js
old mode 100755
new mode 100644
similarity index 100%
rename from src/features/remove-personalized-theme/script(content).js
rename to src/features/remove-personalized-theme/@content.js
diff --git a/src/features/remove-personalized-theme/style(content).less b/src/features/remove-personalized-theme/@content.less
similarity index 100%
rename from src/features/remove-personalized-theme/style(content).less
rename to src/features/remove-personalized-theme/@content.less
diff --git a/src/features/retinafy-photos/script(page)[photo-album].js b/src/features/retinafy-photos/photo-album@page.js
similarity index 100%
rename from src/features/retinafy-photos/script(page)[photo-album].js
rename to src/features/retinafy-photos/photo-album@page.js
diff --git a/src/features/retinafy-photos/script(page)[photo-entry].js b/src/features/retinafy-photos/photo-entry@page.js
similarity index 100%
rename from src/features/retinafy-photos/script(page)[photo-entry].js
rename to src/features/retinafy-photos/photo-entry@page.js
diff --git a/src/features/retinafy-photos/script(page)[timeline].js b/src/features/retinafy-photos/timeline@page.js
similarity index 100%
rename from src/features/retinafy-photos/script(page)[timeline].js
rename to src/features/retinafy-photos/timeline@page.js
diff --git a/src/features/share-new-avatar/script(page).js b/src/features/share-new-avatar/@page.js
similarity index 100%
rename from src/features/share-new-avatar/script(page).js
rename to src/features/share-new-avatar/@page.js
diff --git a/src/features/share-to-fanfou/script(background).js b/src/features/share-to-fanfou/@background.js
similarity index 100%
rename from src/features/share-to-fanfou/script(background).js
rename to src/features/share-to-fanfou/@background.js
diff --git a/src/features/share-to-fanfou/script(content)[fix-style].js b/src/features/share-to-fanfou/fix-style@content.js
similarity index 100%
rename from src/features/share-to-fanfou/script(content)[fix-style].js
rename to src/features/share-to-fanfou/fix-style@content.js
diff --git a/src/features/share-to-fanfou/style(content)[fix-style].less b/src/features/share-to-fanfou/fix-style@content.less
similarity index 100%
rename from src/features/share-to-fanfou/style(content)[fix-style].less
rename to src/features/share-to-fanfou/fix-style@content.less
diff --git a/src/features/show-contextual-statuses/script(page).js b/src/features/show-contextual-statuses/@page.js
old mode 100755
new mode 100644
similarity index 100%
rename from src/features/show-contextual-statuses/script(page).js
rename to src/features/show-contextual-statuses/@page.js
diff --git a/src/features/show-contextual-statuses/style(page).less b/src/features/show-contextual-statuses/@page.less
similarity index 100%
rename from src/features/show-contextual-statuses/style(page).less
rename to src/features/show-contextual-statuses/@page.less
diff --git a/src/features/show-contextual-statuses/script(page)[fix-reply-and-repost].js b/src/features/show-contextual-statuses/fix-reply-and-repost@page.js
old mode 100755
new mode 100644
similarity index 100%
rename from src/features/show-contextual-statuses/script(page)[fix-reply-and-repost].js
rename to src/features/show-contextual-statuses/fix-reply-and-repost@page.js
diff --git a/src/features/sidebar-statistics/script(page).js b/src/features/sidebar-statistics/@page.js
old mode 100755
new mode 100644
similarity index 100%
rename from src/features/sidebar-statistics/script(page).js
rename to src/features/sidebar-statistics/@page.js
diff --git a/src/features/sidebar-statistics/style(page).less b/src/features/sidebar-statistics/@page.less
similarity index 100%
rename from src/features/sidebar-statistics/style(page).less
rename to src/features/sidebar-statistics/@page.less
diff --git a/src/features/status-form-enhancements/script(page)[ajax-form].js b/src/features/status-form-enhancements/ajax-form@page.js
similarity index 100%
rename from src/features/status-form-enhancements/script(page)[ajax-form].js
rename to src/features/status-form-enhancements/ajax-form@page.js
diff --git a/src/features/status-form-enhancements/script(page)[autofocus-textarea].js b/src/features/status-form-enhancements/autofocus-textarea@page.js
similarity index 100%
rename from src/features/status-form-enhancements/script(page)[autofocus-textarea].js
rename to src/features/status-form-enhancements/autofocus-textarea@page.js
diff --git a/src/features/status-form-enhancements/script(page)[fix-dnd-upload].js b/src/features/status-form-enhancements/fix-dnd-upload@page.js
similarity index 100%
rename from src/features/status-form-enhancements/script(page)[fix-dnd-upload].js
rename to src/features/status-form-enhancements/fix-dnd-upload@page.js
diff --git a/src/features/status-form-enhancements/style(page)[fix-dnd-upload].less b/src/features/status-form-enhancements/fix-dnd-upload@page.less
similarity index 100%
rename from src/features/status-form-enhancements/style(page)[fix-dnd-upload].less
rename to src/features/status-form-enhancements/fix-dnd-upload@page.less
diff --git a/src/features/status-form-enhancements/script(page)[fix-upload-images].js b/src/features/status-form-enhancements/fix-upload-images@page.js
similarity index 100%
rename from src/features/status-form-enhancements/script(page)[fix-upload-images].js
rename to src/features/status-form-enhancements/fix-upload-images@page.js
diff --git a/src/features/status-form-enhancements/style(page)[misc].less b/src/features/status-form-enhancements/misc@page.less
similarity index 100%
rename from src/features/status-form-enhancements/style(page)[misc].less
rename to src/features/status-form-enhancements/misc@page.less
diff --git a/src/features/status-form-enhancements/script(page)[paste-image-from-clipboard].js b/src/features/status-form-enhancements/paste-image-from-clipboard@page.js
similarity index 100%
rename from src/features/status-form-enhancements/script(page)[paste-image-from-clipboard].js
rename to src/features/status-form-enhancements/paste-image-from-clipboard@page.js
diff --git a/src/features/status-form-enhancements/script(page)[refresh-status-count].js b/src/features/status-form-enhancements/refresh-status-count@page.js
similarity index 100%
rename from src/features/status-form-enhancements/script(page)[refresh-status-count].js
rename to src/features/status-form-enhancements/refresh-status-count@page.js
diff --git a/src/features/status-form-enhancements/script(page)[revoke-event-listeners].js b/src/features/status-form-enhancements/revoke-event-listeners@page.js
similarity index 92%
rename from src/features/status-form-enhancements/script(page)[revoke-event-listeners].js
rename to src/features/status-form-enhancements/revoke-event-listeners@page.js
index 6d9b8a3..f8b53b5 100644
--- a/src/features/status-form-enhancements/script(page)[revoke-event-listeners].js
+++ b/src/features/status-form-enhancements/revoke-event-listeners@page.js
@@ -16,7 +16,7 @@ export default context => {
     textarea: { selector: '#phupdate textarea' },
   })
 
-  function backupEvents() {
+  function backupEventListeners() {
     const { Event } = window.YAHOO.util
     let formSubmit, textareaKeyup
 
@@ -39,7 +39,7 @@ export default context => {
     })
   }
 
-  function restoreEvents() {
+  function restoreEventListeners() {
     const { Event } = window.YAHOO.util
 
     Event.addListener(elementCollection.get('form'), 'submit', eventsBackup.formSubmit)
@@ -57,11 +57,11 @@ export default context => {
     waitReady: () => requireFanfouLib('YAHOO'),
 
     onLoad() {
-      backupEvents()
+      backupEventListeners()
     },
 
     onUnload() {
-      restoreEvents()
+      restoreEventListeners()
     },
   }
 }
diff --git a/src/features/status-form-enhancements/script(page)[textarea-state].js b/src/features/status-form-enhancements/textarea-state@page.js
similarity index 100%
rename from src/features/status-form-enhancements/script(page)[textarea-state].js
rename to src/features/status-form-enhancements/textarea-state@page.js
diff --git a/src/features/translucent-sidebar/style(content).less b/src/features/translucent-sidebar/@content.less
similarity index 100%
rename from src/features/translucent-sidebar/style(content).less
rename to src/features/translucent-sidebar/@content.less
diff --git a/src/features/update-timestamps/script(page).js b/src/features/update-timestamps/@page.js
similarity index 100%
rename from src/features/update-timestamps/script(page).js
rename to src/features/update-timestamps/@page.js
diff --git a/src/features/user-switcher/script(page)[login-form].js b/src/features/user-switcher/login-form@page.js
similarity index 100%
rename from src/features/user-switcher/script(page)[login-form].js
rename to src/features/user-switcher/login-form@page.js
diff --git a/src/features/user-switcher/script(page)[user-switcher].js b/src/features/user-switcher/user-switcher@page.js
similarity index 100%
rename from src/features/user-switcher/script(page)[user-switcher].js
rename to src/features/user-switcher/user-switcher@page.js
diff --git a/src/features/user-switcher/style(page)[user-switcher].less b/src/features/user-switcher/user-switcher@page.less
similarity index 100%
rename from src/features/user-switcher/style(page)[user-switcher].less
rename to src/features/user-switcher/user-switcher@page.less
diff --git a/src/libs/detectEnv.js b/src/libs/detectEnv.js
deleted file mode 100644
index 791a853..0000000
--- a/src/libs/detectEnv.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import simpleMemoize from 'just-once'
-import { ENV_BACKGROUND, ENV_CONTENT, ENV_PAGE } from '@constants'
-
-// 探测当前脚本的运行环境
-export default simpleMemoize(() => {
-  if (typeof chrome.runtime?.reload === 'function') {
-    return ENV_BACKGROUND
-  }
-
-  if (typeof chrome.runtime?.id === 'string') {
-    return ENV_CONTENT
-  }
-
-  return ENV_PAGE
-})
diff --git a/src/libs/getExtensionOrigin.js b/src/libs/getExtensionOrigin.js
index f84b9b1..3bb5785 100644
--- a/src/libs/getExtensionOrigin.js
+++ b/src/libs/getExtensionOrigin.js
@@ -1,20 +1,17 @@
 import select from 'select-dom'
 import simpleMemoize from 'just-once'
-import detectEnv from '@libs/detectEnv'
 import parseUrl from '@libs/parseUrl'
-import { ENV_PAGE, ASSET_CLASSNAME } from '@constants'
+import { ASSET_CLASSNAME } from '@constants'
 
 export default simpleMemoize(() => {
   let extensionId
 
-  if (detectEnv() === ENV_PAGE) {
-    // 一般是 content script 注入的 page script 的 <script /> 元素
-    const sfAsset = select(`.${ASSET_CLASSNAME}[src]`)
-
-    extensionId = parseUrl(sfAsset.src).domain
-  } else {
-    extensionId = chrome.runtime.id
-  }
+  /// #if ENV_PAGE
+  // 一般是 content script 注入的 page script 的 <script /> 元素
+  extensionId = parseUrl(select(`.${ASSET_CLASSNAME}[src]`).src).domain
+  /// #else
+  extensionId = chrome.runtime.id
+  /// #endif
 
   return `chrome-extension://${extensionId}`
 })
diff --git a/src/libs/parseFilename.js b/src/libs/parseFilename.js
index fb09934..b1568c8 100644
--- a/src/libs/parseFilename.js
+++ b/src/libs/parseFilename.js
@@ -7,7 +7,7 @@ export default filename => {
     extname = ''
   } else {
     basename = filename.substring(0, index)
-    extname = filename.substring(index, filename.length)
+    extname = filename.substring(index)
   }
 
   return { basename, extname }
diff --git a/static/manifest.json b/static/manifest.json
index f3bcd0e..f31aad2 100644
--- a/static/manifest.json
+++ b/static/manifest.json
@@ -14,10 +14,10 @@
     "256": "icons/icon-256.png"
   },
   "background": {
-    "scripts": [ "background-content-page.js" ]
+    "scripts": [ "background.js" ]
   },
   "content_scripts": [ {
-    "js": [ "background-content-page.js" ],
+    "js": [ "content.js" ],
     "matches": [ "http://fanfou.com/*", "https://fanfou.com/*" ],
     "run_at": "document_start"
   } ],
@@ -29,7 +29,9 @@
   "permissions": [ "http://*.fanfou.com/", "https://*.fanfou.com/", "https://setq.me/", "tabs", "notifications", "contextMenus", "storage" ],
   "content_security_policy": "script-src 'self'; object-src 'none'; connect-src 'self' https://fanfou.com https://*.fanfou.com http://fanfou.com http://*.fanfou.com https://setq.me",
   "web_accessible_resources": [
-    "background-content-page.js",
+    "background.js",
+    "content.js",
+    "page.js",
     "page.css",
     "assets/*"
   ]