dongmen1925 2017-03-18 15:32
浏览 241
已采纳

使用Webpack编译的Javascript失败并注入了奇怪的代码

I recently started working on a project with Laravel 5.4, which uses Webpack instead of Gulp.

When I compile the same set of javascript files in Webpack, there seems to be a syntax issue in the compiled file.

Webpack (Laravel 5.4):

mix.js([
        "resources/assets/backend/assets/plugins/pace/pace.min.js",
        "resources/assets/backend/assets/plugins/jquery/jquery-1.11.1.min.js",
        "resources/assets/backend/assets/plugins/modernizr.custom.js",
        "resources/assets/backend/assets/plugins/jquery-ui/jquery-ui.min.js",
        "resources/assets/backend/assets/plugins/boostrapv3/js/bootstrap.min.js",
        "resources/assets/backend/assets/plugins/jquery/jquery-easy.js",
        "resources/assets/backend/assets/plugins/jquery-unveil/jquery.unveil.min.js",
        "resources/assets/backend/assets/plugins/jquery-bez/jquery.bez.min.js",
        "resources/assets/backend/assets/plugins/jquery-ios-list/jquery.ioslist.min.js",
        "resources/assets/backend/assets/plugins/jquery-actual/jquery.actual.min.js",
        "resources/assets/backend/assets/plugins/jquery-scrollbar/jquery.scrollbar.min.js",
        "resources/assets/backend/assets/plugins/bootstrap-select2/select2.min.js",
        "resources/assets/backend/assets/plugins/classie/classie.js",
        "resources/assets/backend/assets/plugins/switchery/js/switchery.min.js",
        "resources/assets/backend/assets/plugins/jquery-validation/js/jquery.validate.min.js",
        "resources/assets/backend/js/pages.js",
        "resources/assets/backend/assets/js/scripts.js",
    ], 'public/js/backend/all.js')

And Gulp, Laravel 5.3 - which works without issues.

mix.scripts([
    "assets/plugins/pace/pace.min.js",
    "assets/plugins/jquery/jquery-1.11.1.min.js",
    "assets/plugins/modernizr.custom.js",
    "assets/plugins/jquery-ui/jquery-ui.min.js",
    "assets/plugins/boostrapv3/js/bootstrap.min.js",
    "assets/plugins/jquery/jquery-easy.js",
    "assets/plugins/jquery-unveil/jquery.unveil.min.js",
    "assets/plugins/jquery-bez/jquery.bez.min.js",
    "assets/plugins/jquery-ios-list/jquery.ioslist.min.js",
    "assets/plugins/jquery-actual/jquery.actual.min.js",
    "assets/plugins/jquery-scrollbar/jquery.scrollbar.min.js",
    "assets/plugins/bootstrap-select2/select2.min.js",
    "assets/plugins/classie/classie.js",
    "assets/plugins/switchery/js/switchery.min.js",
    "assets/plugins/jquery-validation/js/jquery.validate.min.js",
    "js/pages.js",
    "assets/js/scripts.js",
],'public/js/backend/all.js','resources/assets/backend');

Browser Inspect: enter image description here

enter image description here

I see that web pack adds it's code as well:

* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
 * OF THE POSSIBILITY OF SUCH DAMAGE. 
 *
 */
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)))

/***/ }),
/* 30 */
/***/ (function(module, exports) {

How to debug/fix this?

  • 写回答

1条回答 默认 最新

  • dongyang4615 2017-03-18 16:04
    关注

    Found the solution here.

    Use mix.combine(), instead of mix.js().

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥20 Python安装cvxpy库出问题
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥15 python天天向上类似问题,但没有清零
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 C#调用python代码(python带有库)
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题