diff --git a/src/gameobjects/graphics/Graphics.js b/src/gameobjects/graphics/Graphics.js
index 6628cb69fb..feb47c7051 100644
--- a/src/gameobjects/graphics/Graphics.js
+++ b/src/gameobjects/graphics/Graphics.js
@@ -4,7 +4,7 @@
  * @license      {@link https://opensource.org/licenses/MIT|MIT License}
  */
 
-var BaseCamera = require('../../cameras/2d/BaseCamera.js');
+var BaseCamera = require('../../cameras/2d/BaseCamera');
 var Class = require('../../utils/Class');
 var Commands = require('./Commands');
 var Components = require('../components');
diff --git a/src/loader/filetypes/AnimationJSONFile.js b/src/loader/filetypes/AnimationJSONFile.js
index 33f60cec7a..4f4a8d69b2 100644
--- a/src/loader/filetypes/AnimationJSONFile.js
+++ b/src/loader/filetypes/AnimationJSONFile.js
@@ -6,7 +6,7 @@
 
 var Class = require('../../utils/Class');
 var FileTypesManager = require('../FileTypesManager');
-var JSONFile = require('./JSONFile.js');
+var JSONFile = require('./JSONFile');
 var LoaderEvents = require('../events');
 
 /**
diff --git a/src/loader/filetypes/AsepriteFile.js b/src/loader/filetypes/AsepriteFile.js
index b38a70bd4a..3fc8640d5d 100644
--- a/src/loader/filetypes/AsepriteFile.js
+++ b/src/loader/filetypes/AsepriteFile.js
@@ -7,10 +7,10 @@
 var Class = require('../../utils/Class');
 var FileTypesManager = require('../FileTypesManager');
 var GetFastValue = require('../../utils/object/GetFastValue');
-var ImageFile = require('./ImageFile.js');
+var ImageFile = require('./ImageFile');
 var IsPlainObject = require('../../utils/object/IsPlainObject');
-var JSONFile = require('./JSONFile.js');
-var MultiFile = require('../MultiFile.js');
+var JSONFile = require('./JSONFile');
+var MultiFile = require('../MultiFile');
 
 /**
  * @classdesc
diff --git a/src/loader/filetypes/AtlasJSONFile.js b/src/loader/filetypes/AtlasJSONFile.js
index bc24ccff78..ad19a07679 100644
--- a/src/loader/filetypes/AtlasJSONFile.js
+++ b/src/loader/filetypes/AtlasJSONFile.js
@@ -7,10 +7,10 @@
 var Class = require('../../utils/Class');
 var FileTypesManager = require('../FileTypesManager');
 var GetFastValue = require('../../utils/object/GetFastValue');
-var ImageFile = require('./ImageFile.js');
+var ImageFile = require('./ImageFile');
 var IsPlainObject = require('../../utils/object/IsPlainObject');
-var JSONFile = require('./JSONFile.js');
-var MultiFile = require('../MultiFile.js');
+var JSONFile = require('./JSONFile');
+var MultiFile = require('../MultiFile');
 
 /**
  * @classdesc
diff --git a/src/loader/filetypes/AtlasXMLFile.js b/src/loader/filetypes/AtlasXMLFile.js
index e12f19bb05..6198ded30b 100644
--- a/src/loader/filetypes/AtlasXMLFile.js
+++ b/src/loader/filetypes/AtlasXMLFile.js
@@ -7,10 +7,10 @@
 var Class = require('../../utils/Class');
 var FileTypesManager = require('../FileTypesManager');
 var GetFastValue = require('../../utils/object/GetFastValue');
-var ImageFile = require('./ImageFile.js');
+var ImageFile = require('./ImageFile');
 var IsPlainObject = require('../../utils/object/IsPlainObject');
-var MultiFile = require('../MultiFile.js');
-var XMLFile = require('./XMLFile.js');
+var MultiFile = require('../MultiFile');
+var XMLFile = require('./XMLFile');
 
 /**
  * @classdesc
diff --git a/src/loader/filetypes/AudioSpriteFile.js b/src/loader/filetypes/AudioSpriteFile.js
index 0ceed143ef..ede68a8cf8 100644
--- a/src/loader/filetypes/AudioSpriteFile.js
+++ b/src/loader/filetypes/AudioSpriteFile.js
@@ -4,13 +4,13 @@
  * @license      {@link https://opensource.org/licenses/MIT|MIT License}
  */
 
-var AudioFile = require('./AudioFile.js');
+var AudioFile = require('./AudioFile');
 var Class = require('../../utils/Class');
 var FileTypesManager = require('../FileTypesManager');
 var GetFastValue = require('../../utils/object/GetFastValue');
 var IsPlainObject = require('../../utils/object/IsPlainObject');
-var JSONFile = require('./JSONFile.js');
-var MultiFile = require('../MultiFile.js');
+var JSONFile = require('./JSONFile');
+var MultiFile = require('../MultiFile');
 
 /**
  * @classdesc
diff --git a/src/loader/filetypes/BitmapFontFile.js b/src/loader/filetypes/BitmapFontFile.js
index fbe85ad449..952fddcc54 100644
--- a/src/loader/filetypes/BitmapFontFile.js
+++ b/src/loader/filetypes/BitmapFontFile.js
@@ -7,11 +7,11 @@
 var Class = require('../../utils/Class');
 var FileTypesManager = require('../FileTypesManager');
 var GetFastValue = require('../../utils/object/GetFastValue');
-var ImageFile = require('./ImageFile.js');
+var ImageFile = require('./ImageFile');
 var IsPlainObject = require('../../utils/object/IsPlainObject');
-var MultiFile = require('../MultiFile.js');
-var ParseXMLBitmapFont = require('../../gameobjects/bitmaptext/ParseXMLBitmapFont.js');
-var XMLFile = require('./XMLFile.js');
+var MultiFile = require('../MultiFile');
+var ParseXMLBitmapFont = require('../../gameobjects/bitmaptext/ParseXMLBitmapFont');
+var XMLFile = require('./XMLFile');
 
 /**
  * @classdesc
diff --git a/src/loader/filetypes/MultiAtlasFile.js b/src/loader/filetypes/MultiAtlasFile.js
index 1f0e011f69..e13b014aff 100644
--- a/src/loader/filetypes/MultiAtlasFile.js
+++ b/src/loader/filetypes/MultiAtlasFile.js
@@ -7,10 +7,10 @@
 var Class = require('../../utils/Class');
 var FileTypesManager = require('../FileTypesManager');
 var GetFastValue = require('../../utils/object/GetFastValue');
-var ImageFile = require('./ImageFile.js');
+var ImageFile = require('./ImageFile');
 var IsPlainObject = require('../../utils/object/IsPlainObject');
-var JSONFile = require('./JSONFile.js');
-var MultiFile = require('../MultiFile.js');
+var JSONFile = require('./JSONFile');
+var MultiFile = require('../MultiFile');
 
 /**
  * @classdesc
diff --git a/src/loader/filetypes/MultiScriptFile.js b/src/loader/filetypes/MultiScriptFile.js
index 13336169c1..5bd3061307 100644
--- a/src/loader/filetypes/MultiScriptFile.js
+++ b/src/loader/filetypes/MultiScriptFile.js
@@ -8,8 +8,8 @@ var Class = require('../../utils/Class');
 var FileTypesManager = require('../FileTypesManager');
 var GetFastValue = require('../../utils/object/GetFastValue');
 var IsPlainObject = require('../../utils/object/IsPlainObject');
-var MultiFile = require('../MultiFile.js');
-var ScriptFile = require('./ScriptFile.js');
+var MultiFile = require('../MultiFile');
+var ScriptFile = require('./ScriptFile');
 
 /**
  * @classdesc
diff --git a/src/loader/filetypes/PackFile.js b/src/loader/filetypes/PackFile.js
index ed01698fd5..bf43c4b492 100644
--- a/src/loader/filetypes/PackFile.js
+++ b/src/loader/filetypes/PackFile.js
@@ -7,7 +7,7 @@
 var Class = require('../../utils/Class');
 var CONST = require('../const');
 var FileTypesManager = require('../FileTypesManager');
-var JSONFile = require('./JSONFile.js');
+var JSONFile = require('./JSONFile');
 
 /**
  * @classdesc
diff --git a/src/loader/filetypes/SpriteSheetFile.js b/src/loader/filetypes/SpriteSheetFile.js
index 58957f7822..6ba1b98880 100644
--- a/src/loader/filetypes/SpriteSheetFile.js
+++ b/src/loader/filetypes/SpriteSheetFile.js
@@ -7,7 +7,7 @@
 var Class = require('../../utils/Class');
 var CONST = require('../const');
 var FileTypesManager = require('../FileTypesManager');
-var ImageFile = require('./ImageFile.js');
+var ImageFile = require('./ImageFile');
 
 /**
  * @classdesc
diff --git a/src/loader/filetypes/TilemapImpactFile.js b/src/loader/filetypes/TilemapImpactFile.js
index 7631ab2b67..b57b70583d 100644
--- a/src/loader/filetypes/TilemapImpactFile.js
+++ b/src/loader/filetypes/TilemapImpactFile.js
@@ -6,7 +6,7 @@
 
 var Class = require('../../utils/Class');
 var FileTypesManager = require('../FileTypesManager');
-var JSONFile = require('./JSONFile.js');
+var JSONFile = require('./JSONFile');
 var TILEMAP_FORMATS = require('../../tilemaps/Formats');
 
 /**
diff --git a/src/loader/filetypes/TilemapJSONFile.js b/src/loader/filetypes/TilemapJSONFile.js
index fdb689cbae..a304a0ac3d 100644
--- a/src/loader/filetypes/TilemapJSONFile.js
+++ b/src/loader/filetypes/TilemapJSONFile.js
@@ -6,7 +6,7 @@
 
 var Class = require('../../utils/Class');
 var FileTypesManager = require('../FileTypesManager');
-var JSONFile = require('./JSONFile.js');
+var JSONFile = require('./JSONFile');
 var TILEMAP_FORMATS = require('../../tilemaps/Formats');
 
 /**
diff --git a/src/loader/filetypes/UnityAtlasFile.js b/src/loader/filetypes/UnityAtlasFile.js
index 7864bc4872..b4c46cee45 100644
--- a/src/loader/filetypes/UnityAtlasFile.js
+++ b/src/loader/filetypes/UnityAtlasFile.js
@@ -7,10 +7,10 @@
 var Class = require('../../utils/Class');
 var FileTypesManager = require('../FileTypesManager');
 var GetFastValue = require('../../utils/object/GetFastValue');
-var ImageFile = require('./ImageFile.js');
+var ImageFile = require('./ImageFile');
 var IsPlainObject = require('../../utils/object/IsPlainObject');
-var MultiFile = require('../MultiFile.js');
-var TextFile = require('./TextFile.js');
+var MultiFile = require('../MultiFile');
+var TextFile = require('./TextFile');
 
 /**
  * @classdesc
diff --git a/src/phaser-core.js b/src/phaser-core.js
index 1b39451e22..d0941826ba 100644
--- a/src/phaser-core.js
+++ b/src/phaser-core.js
@@ -36,7 +36,7 @@ var Phaser = {
         BuildGameObject: require('./gameobjects/BuildGameObject'),
         BuildGameObjectAnimation: require('./gameobjects/BuildGameObjectAnimation'),
         GameObject: require('./gameobjects/GameObject'),
-        Graphics: require('./gameobjects/graphics/Graphics.js'),
+        Graphics: require('./gameobjects/graphics/Graphics'),
         Image: require('./gameobjects/image/Image'),
         Layer: require('./gameobjects/layer/Layer'),
         Sprite: require('./gameobjects/sprite/Sprite'),
diff --git a/src/renderer/webgl/pipelines/BitmapMaskPipeline.js b/src/renderer/webgl/pipelines/BitmapMaskPipeline.js
index ebf9c6e7fc..c36c19cc79 100644
--- a/src/renderer/webgl/pipelines/BitmapMaskPipeline.js
+++ b/src/renderer/webgl/pipelines/BitmapMaskPipeline.js
@@ -7,8 +7,8 @@
 
 var Class = require('../../../utils/Class');
 var GetFastValue = require('../../../utils/object/GetFastValue');
-var ShaderSourceFS = require('../shaders/BitmapMask-frag.js');
-var ShaderSourceVS = require('../shaders/BitmapMask-vert.js');
+var ShaderSourceFS = require('../shaders/BitmapMask-frag');
+var ShaderSourceVS = require('../shaders/BitmapMask-vert');
 var WEBGL_CONST = require('../const');
 var WebGLPipeline = require('../WebGLPipeline');
 
diff --git a/src/renderer/webgl/pipelines/LightPipeline.js b/src/renderer/webgl/pipelines/LightPipeline.js
index ab0b4bd5b5..f8250b3787 100644
--- a/src/renderer/webgl/pipelines/LightPipeline.js
+++ b/src/renderer/webgl/pipelines/LightPipeline.js
@@ -7,7 +7,7 @@
 
 var Class = require('../../../utils/Class');
 var GetFastValue = require('../../../utils/object/GetFastValue');
-var LightShaderSourceFS = require('../shaders/Light-frag.js');
+var LightShaderSourceFS = require('../shaders/Light-frag');
 var MultiPipeline = require('./MultiPipeline');
 var TransformMatrix = require('../../../gameobjects/components/TransformMatrix');
 var Vec2 = require('../../../math/Vector2');
diff --git a/src/renderer/webgl/pipelines/MobilePipeline.js b/src/renderer/webgl/pipelines/MobilePipeline.js
index d996fc3435..b635275ae3 100644
--- a/src/renderer/webgl/pipelines/MobilePipeline.js
+++ b/src/renderer/webgl/pipelines/MobilePipeline.js
@@ -7,8 +7,8 @@
 var Class = require('../../../utils/Class');
 var GetFastValue = require('../../../utils/object/GetFastValue');
 var MultiPipeline = require('./MultiPipeline');
-var ShaderSourceFS = require('../shaders/Single-frag.js');
-var ShaderSourceVS = require('../shaders/Single-vert.js');
+var ShaderSourceFS = require('../shaders/Single-frag');
+var ShaderSourceVS = require('../shaders/Single-vert');
 var WEBGL_CONST = require('../const');
 var WebGLPipeline = require('../WebGLPipeline');
 
diff --git a/src/renderer/webgl/pipelines/MultiPipeline.js b/src/renderer/webgl/pipelines/MultiPipeline.js
index 8133eafed8..fdc506584c 100644
--- a/src/renderer/webgl/pipelines/MultiPipeline.js
+++ b/src/renderer/webgl/pipelines/MultiPipeline.js
@@ -8,8 +8,8 @@
 var Class = require('../../../utils/Class');
 var Earcut = require('../../../geom/polygon/Earcut');
 var GetFastValue = require('../../../utils/object/GetFastValue');
-var ShaderSourceFS = require('../shaders/Multi-frag.js');
-var ShaderSourceVS = require('../shaders/Multi-vert.js');
+var ShaderSourceFS = require('../shaders/Multi-frag');
+var ShaderSourceVS = require('../shaders/Multi-vert');
 var TransformMatrix = require('../../../gameobjects/components/TransformMatrix');
 var Utils = require('../Utils');
 var WEBGL_CONST = require('../const');
diff --git a/src/renderer/webgl/pipelines/PointLightPipeline.js b/src/renderer/webgl/pipelines/PointLightPipeline.js
index 7979e43b62..344c3628fd 100644
--- a/src/renderer/webgl/pipelines/PointLightPipeline.js
+++ b/src/renderer/webgl/pipelines/PointLightPipeline.js
@@ -6,8 +6,8 @@
 
 var Class = require('../../../utils/Class');
 var GetFastValue = require('../../../utils/object/GetFastValue');
-var PointLightShaderSourceFS = require('../shaders/PointLight-frag.js');
-var PointLightShaderSourceVS = require('../shaders/PointLight-vert.js');
+var PointLightShaderSourceFS = require('../shaders/PointLight-frag');
+var PointLightShaderSourceVS = require('../shaders/PointLight-vert');
 var WebGLPipeline = require('../WebGLPipeline');
 
 /**
diff --git a/src/renderer/webgl/pipelines/PostFXPipeline.js b/src/renderer/webgl/pipelines/PostFXPipeline.js
index b28c7bcbe4..34612edc82 100644
--- a/src/renderer/webgl/pipelines/PostFXPipeline.js
+++ b/src/renderer/webgl/pipelines/PostFXPipeline.js
@@ -7,8 +7,8 @@
 var Class = require('../../../utils/Class');
 var ColorMatrix = require('../../../display/ColorMatrix');
 var GetFastValue = require('../../../utils/object/GetFastValue');
-var ShaderSourceFS = require('../shaders/PostFX-frag.js');
-var ShaderSourceVS = require('../shaders/Quad-vert.js');
+var ShaderSourceFS = require('../shaders/PostFX-frag');
+var ShaderSourceVS = require('../shaders/Quad-vert');
 var WebGLPipeline = require('../WebGLPipeline');
 
 /**
diff --git a/src/renderer/webgl/pipelines/PreFXPipeline.js b/src/renderer/webgl/pipelines/PreFXPipeline.js
index d27aa3c185..6713fe5bb3 100644
--- a/src/renderer/webgl/pipelines/PreFXPipeline.js
+++ b/src/renderer/webgl/pipelines/PreFXPipeline.js
@@ -7,14 +7,14 @@
 var BlendModes = require('../../BlendModes');
 var CenterOn = require('../../../geom/rectangle/CenterOn');
 var Class = require('../../../utils/Class');
-var ColorMatrixFS = require('../shaders/ColorMatrix-frag.js');
+var ColorMatrixFS = require('../shaders/ColorMatrix-frag');
 var GetFastValue = require('../../../utils/object/GetFastValue');
 var MultiPipeline = require('./MultiPipeline');
-var PostFXFS = require('../shaders/PostFX-frag.js');
+var PostFXFS = require('../shaders/PostFX-frag');
 var Rectangle = require('../../../geom/rectangle/Rectangle');
 var RenderTarget = require('../RenderTarget');
-var SingleQuadFS = require('../shaders/Single-frag.js');
-var SingleQuadVS = require('../shaders/Single-vert.js');
+var SingleQuadFS = require('../shaders/Single-frag');
+var SingleQuadVS = require('../shaders/Single-vert');
 var WebGLPipeline = require('../WebGLPipeline');
 
 /**
diff --git a/src/renderer/webgl/pipelines/SinglePipeline.js b/src/renderer/webgl/pipelines/SinglePipeline.js
index 90f99ea21e..6b9d7ef829 100644
--- a/src/renderer/webgl/pipelines/SinglePipeline.js
+++ b/src/renderer/webgl/pipelines/SinglePipeline.js
@@ -7,8 +7,8 @@
 var Class = require('../../../utils/Class');
 var GetFastValue = require('../../../utils/object/GetFastValue');
 var MultiPipeline = require('./MultiPipeline');
-var ShaderSourceFS = require('../shaders/Single-frag.js');
-var ShaderSourceVS = require('../shaders/Single-vert.js');
+var ShaderSourceFS = require('../shaders/Single-frag');
+var ShaderSourceVS = require('../shaders/Single-vert');
 var WebGLPipeline = require('../WebGLPipeline');
 
 /**
diff --git a/src/renderer/webgl/pipelines/UtilityPipeline.js b/src/renderer/webgl/pipelines/UtilityPipeline.js
index c53ef7a4ae..910dcd4ee5 100644
--- a/src/renderer/webgl/pipelines/UtilityPipeline.js
+++ b/src/renderer/webgl/pipelines/UtilityPipeline.js
@@ -4,15 +4,15 @@
  * @license      {@link https://opensource.org/licenses/MIT|MIT License}
  */
 
-var AddBlendFS = require('../shaders/AddBlend-frag.js');
+var AddBlendFS = require('../shaders/AddBlend-frag');
 var BlendModes = require('../../BlendModes');
 var Class = require('../../../utils/Class');
 var ColorMatrix = require('../../../display/ColorMatrix');
-var ColorMatrixFS = require('../shaders/ColorMatrix-frag.js');
-var CopyFS = require('../shaders/Copy-frag.js');
+var ColorMatrixFS = require('../shaders/ColorMatrix-frag');
+var CopyFS = require('../shaders/Copy-frag');
 var GetFastValue = require('../../../utils/object/GetFastValue');
-var LinearBlendFS = require('../shaders/LinearBlend-frag.js');
-var QuadVS = require('../shaders/Quad-vert.js');
+var LinearBlendFS = require('../shaders/LinearBlend-frag');
+var QuadVS = require('../shaders/Quad-vert');
 var WebGLPipeline = require('../WebGLPipeline');
 
 /**
diff --git a/src/renderer/webgl/pipelines/fx/BarrelFXPipeline.js b/src/renderer/webgl/pipelines/fx/BarrelFXPipeline.js
index 3504f9dbbb..32240be172 100644
--- a/src/renderer/webgl/pipelines/fx/BarrelFXPipeline.js
+++ b/src/renderer/webgl/pipelines/fx/BarrelFXPipeline.js
@@ -5,7 +5,7 @@
  */
 
 var Class = require('../../../../utils/Class');
-var BarrelFrag = require('../../shaders/FXBarrel-frag.js');
+var BarrelFrag = require('../../shaders/FXBarrel-frag');
 var PostFXPipeline = require('../PostFXPipeline');
 
 /**
diff --git a/src/renderer/webgl/pipelines/fx/BloomFXPipeline.js b/src/renderer/webgl/pipelines/fx/BloomFXPipeline.js
index f0f6c4c365..64a3b871f8 100644
--- a/src/renderer/webgl/pipelines/fx/BloomFXPipeline.js
+++ b/src/renderer/webgl/pipelines/fx/BloomFXPipeline.js
@@ -5,7 +5,7 @@
  */
 
 var Class = require('../../../../utils/Class');
-var BloomFrag = require('../../shaders/FXBloom-frag.js');
+var BloomFrag = require('../../shaders/FXBloom-frag');
 var PostFXPipeline = require('../PostFXPipeline');
 
 /**
diff --git a/src/renderer/webgl/pipelines/fx/BlurFXPipeline.js b/src/renderer/webgl/pipelines/fx/BlurFXPipeline.js
index 05dd942a2e..0876834f53 100644
--- a/src/renderer/webgl/pipelines/fx/BlurFXPipeline.js
+++ b/src/renderer/webgl/pipelines/fx/BlurFXPipeline.js
@@ -5,9 +5,9 @@
  */
 
 var Class = require('../../../../utils/Class');
-var BlurLowFrag = require('../../shaders/FXBlurLow-frag.js');
-var BlurMedFrag = require('../../shaders/FXBlurMed-frag.js');
-var BlurHighFrag = require('../../shaders/FXBlurHigh-frag.js');
+var BlurLowFrag = require('../../shaders/FXBlurLow-frag');
+var BlurMedFrag = require('../../shaders/FXBlurMed-frag');
+var BlurHighFrag = require('../../shaders/FXBlurHigh-frag');
 var PostFXPipeline = require('../PostFXPipeline');
 
 /**
diff --git a/src/renderer/webgl/pipelines/fx/BokehFXPipeline.js b/src/renderer/webgl/pipelines/fx/BokehFXPipeline.js
index 8ec53e6b39..80681a9e83 100644
--- a/src/renderer/webgl/pipelines/fx/BokehFXPipeline.js
+++ b/src/renderer/webgl/pipelines/fx/BokehFXPipeline.js
@@ -5,7 +5,7 @@
  */
 
 var Class = require('../../../../utils/Class');
-var BokehFrag = require('../../shaders/FXBokeh-frag.js');
+var BokehFrag = require('../../shaders/FXBokeh-frag');
 var PostFXPipeline = require('../PostFXPipeline');
 
 /**
diff --git a/src/renderer/webgl/pipelines/fx/CircleFXPipeline.js b/src/renderer/webgl/pipelines/fx/CircleFXPipeline.js
index 3fc197fe32..06239e6e18 100644
--- a/src/renderer/webgl/pipelines/fx/CircleFXPipeline.js
+++ b/src/renderer/webgl/pipelines/fx/CircleFXPipeline.js
@@ -5,7 +5,7 @@
  */
 
 var Class = require('../../../../utils/Class');
-var CircleFrag = require('../../shaders/FXCircle-frag.js');
+var CircleFrag = require('../../shaders/FXCircle-frag');
 var PostFXPipeline = require('../PostFXPipeline');
 
 /**
diff --git a/src/renderer/webgl/pipelines/fx/DisplacementFXPipeline.js b/src/renderer/webgl/pipelines/fx/DisplacementFXPipeline.js
index 715984f152..b080f106e3 100644
--- a/src/renderer/webgl/pipelines/fx/DisplacementFXPipeline.js
+++ b/src/renderer/webgl/pipelines/fx/DisplacementFXPipeline.js
@@ -5,7 +5,7 @@
  */
 
 var Class = require('../../../../utils/Class');
-var DisplacementFrag = require('../../shaders/FXDisplacement-frag.js');
+var DisplacementFrag = require('../../shaders/FXDisplacement-frag');
 var PostFXPipeline = require('../PostFXPipeline');
 
 /**
diff --git a/src/renderer/webgl/pipelines/fx/GlowFXPipeline.js b/src/renderer/webgl/pipelines/fx/GlowFXPipeline.js
index e6dc81b784..1d5ebc70af 100644
--- a/src/renderer/webgl/pipelines/fx/GlowFXPipeline.js
+++ b/src/renderer/webgl/pipelines/fx/GlowFXPipeline.js
@@ -6,7 +6,7 @@
 
 var Class = require('../../../../utils/Class');
 var GetFastValue = require('../../../../utils/object/GetFastValue');
-var GlowFrag = require('../../shaders/FXGlow-frag.js');
+var GlowFrag = require('../../shaders/FXGlow-frag');
 var PostFXPipeline = require('../PostFXPipeline');
 var Utils = require('../../Utils');
 
diff --git a/src/renderer/webgl/pipelines/fx/GradientFXPipeline.js b/src/renderer/webgl/pipelines/fx/GradientFXPipeline.js
index c64ebc633c..a375aeffd5 100644
--- a/src/renderer/webgl/pipelines/fx/GradientFXPipeline.js
+++ b/src/renderer/webgl/pipelines/fx/GradientFXPipeline.js
@@ -5,7 +5,7 @@
  */
 
 var Class = require('../../../../utils/Class');
-var GradientFrag = require('../../shaders/FXGradient-frag.js');
+var GradientFrag = require('../../shaders/FXGradient-frag');
 var PostFXPipeline = require('../PostFXPipeline');
 
 /**
diff --git a/src/renderer/webgl/pipelines/fx/PixelateFXPipeline.js b/src/renderer/webgl/pipelines/fx/PixelateFXPipeline.js
index 8b96ab0301..c17f9907b9 100644
--- a/src/renderer/webgl/pipelines/fx/PixelateFXPipeline.js
+++ b/src/renderer/webgl/pipelines/fx/PixelateFXPipeline.js
@@ -5,7 +5,7 @@
  */
 
 var Class = require('../../../../utils/Class');
-var PixelateFrag = require('../../shaders/FXPixelate-frag.js');
+var PixelateFrag = require('../../shaders/FXPixelate-frag');
 var PostFXPipeline = require('../PostFXPipeline');
 
 /**
diff --git a/src/renderer/webgl/pipelines/fx/ShadowFXPipeline.js b/src/renderer/webgl/pipelines/fx/ShadowFXPipeline.js
index 5dc272057c..c3fed2b1b5 100644
--- a/src/renderer/webgl/pipelines/fx/ShadowFXPipeline.js
+++ b/src/renderer/webgl/pipelines/fx/ShadowFXPipeline.js
@@ -5,7 +5,7 @@
  */
 
 var Class = require('../../../../utils/Class');
-var ShadowFrag = require('../../shaders/FXShadow-frag.js');
+var ShadowFrag = require('../../shaders/FXShadow-frag');
 var PostFXPipeline = require('../PostFXPipeline');
 
 /**
diff --git a/src/renderer/webgl/pipelines/fx/ShineFXPipeline.js b/src/renderer/webgl/pipelines/fx/ShineFXPipeline.js
index 1496d5420a..300f4eff54 100644
--- a/src/renderer/webgl/pipelines/fx/ShineFXPipeline.js
+++ b/src/renderer/webgl/pipelines/fx/ShineFXPipeline.js
@@ -5,7 +5,7 @@
  */
 
 var Class = require('../../../../utils/Class');
-var ShineFrag = require('../../shaders/FXShine-frag.js');
+var ShineFrag = require('../../shaders/FXShine-frag');
 var PostFXPipeline = require('../PostFXPipeline');
 
 /**
diff --git a/src/renderer/webgl/pipelines/fx/VignetteFXPipeline.js b/src/renderer/webgl/pipelines/fx/VignetteFXPipeline.js
index c6b80c04a0..973be961cb 100644
--- a/src/renderer/webgl/pipelines/fx/VignetteFXPipeline.js
+++ b/src/renderer/webgl/pipelines/fx/VignetteFXPipeline.js
@@ -5,7 +5,7 @@
  */
 
 var Class = require('../../../../utils/Class');
-var VignetteFrag = require('../../shaders/FXVignette-frag.js');
+var VignetteFrag = require('../../shaders/FXVignette-frag');
 var PostFXPipeline = require('../PostFXPipeline');
 
 /**
diff --git a/src/renderer/webgl/pipelines/fx/WipeFXPipeline.js b/src/renderer/webgl/pipelines/fx/WipeFXPipeline.js
index fb9bbf0835..2cb99d8ec3 100644
--- a/src/renderer/webgl/pipelines/fx/WipeFXPipeline.js
+++ b/src/renderer/webgl/pipelines/fx/WipeFXPipeline.js
@@ -5,7 +5,7 @@
  */
 
 var Class = require('../../../../utils/Class');
-var WipeFrag = require('../../shaders/FXWipe-frag.js');
+var WipeFrag = require('../../shaders/FXWipe-frag');
 var PostFXPipeline = require('../PostFXPipeline');
 
 /**
diff --git a/src/renderer/webgl/shaders/index.js b/src/renderer/webgl/shaders/index.js
index 9844d3b3b5..cbe0feaf8c 100644
--- a/src/renderer/webgl/shaders/index.js
+++ b/src/renderer/webgl/shaders/index.js
@@ -10,39 +10,39 @@
 
 module.exports = {
 
-    AddBlendFrag: require('./AddBlend-frag.js'),
-    BitmapMaskFrag: require('./BitmapMask-frag.js'),
-    BitmapMaskVert: require('./BitmapMask-vert.js'),
-    ColorMatrixFrag: require('./ColorMatrix-frag.js'),
-    CopyFrag: require('./Copy-frag.js'),
-    FXBarrelFrag: require('./FXBarrel-frag.js'),
-    FXBloomFrag: require('./FXBloom-frag.js'),
-    FXBlurHighFrag: require('./FXBlurHigh-frag.js'),
-    FXBlurLowFrag: require('./FXBlurLow-frag.js'),
-    FXBlurMedFrag: require('./FXBlurMed-frag.js'),
-    FXBokehFrag: require('./FXBokeh-frag.js'),
-    FXCircleFrag: require('./FXCircle-frag.js'),
-    FXDisplacementFrag: require('./FXDisplacement-frag.js'),
-    FXGlowFrag: require('./FXGlow-frag.js'),
-    FXGradientFrag: require('./FXGradient-frag.js'),
-    FXPixelateFrag: require('./FXPixelate-frag.js'),
-    FXShadowFrag: require('./FXShadow-frag.js'),
-    FXShineFrag: require('./FXShine-frag.js'),
-    FXVignetteFrag: require('./FXVignette-frag.js'),
-    FXWipeFrag: require('./FXWipe-frag.js'),
-    LightFrag: require('./Light-frag.js'),
-    LinearBlendFrag: require('./LinearBlend-frag.js'),
-    MeshFrag: require('./Mesh-frag.js'),
-    MeshVert: require('./Mesh-vert.js'),
-    MobileFrag: require('./Mobile-frag.js'),
-    MobileVert: require('./Mobile-vert.js'),
-    MultiFrag: require('./Multi-frag.js'),
-    MultiVert: require('./Multi-vert.js'),
-    PointLightFrag: require('./PointLight-frag.js'),
-    PointLightVert: require('./PointLight-vert.js'),
-    PostFXFrag: require('./PostFX-frag.js'),
-    QuadVert: require('./Quad-vert.js'),
-    SingleFrag: require('./Single-frag.js'),
-    SingleVert: require('./Single-vert.js')
+    AddBlendFrag: require('./AddBlend-frag'),
+    BitmapMaskFrag: require('./BitmapMask-frag'),
+    BitmapMaskVert: require('./BitmapMask-vert'),
+    ColorMatrixFrag: require('./ColorMatrix-frag'),
+    CopyFrag: require('./Copy-frag'),
+    FXBarrelFrag: require('./FXBarrel-frag'),
+    FXBloomFrag: require('./FXBloom-frag'),
+    FXBlurHighFrag: require('./FXBlurHigh-frag'),
+    FXBlurLowFrag: require('./FXBlurLow-frag'),
+    FXBlurMedFrag: require('./FXBlurMed-frag'),
+    FXBokehFrag: require('./FXBokeh-frag'),
+    FXCircleFrag: require('./FXCircle-frag'),
+    FXDisplacementFrag: require('./FXDisplacement-frag'),
+    FXGlowFrag: require('./FXGlow-frag'),
+    FXGradientFrag: require('./FXGradient-frag'),
+    FXPixelateFrag: require('./FXPixelate-frag'),
+    FXShadowFrag: require('./FXShadow-frag'),
+    FXShineFrag: require('./FXShine-frag'),
+    FXVignetteFrag: require('./FXVignette-frag'),
+    FXWipeFrag: require('./FXWipe-frag'),
+    LightFrag: require('./Light-frag'),
+    LinearBlendFrag: require('./LinearBlend-frag'),
+    MeshFrag: require('./Mesh-frag'),
+    MeshVert: require('./Mesh-vert'),
+    MobileFrag: require('./Mobile-frag'),
+    MobileVert: require('./Mobile-vert'),
+    MultiFrag: require('./Multi-frag'),
+    MultiVert: require('./Multi-vert'),
+    PointLightFrag: require('./PointLight-frag'),
+    PointLightVert: require('./PointLight-vert'),
+    PostFXFrag: require('./PostFX-frag'),
+    QuadVert: require('./Quad-vert'),
+    SingleFrag: require('./Single-frag'),
+    SingleVert: require('./Single-vert')
 
 };