页面使用ajax加载页面后如果运行其中的js,webpack如何多页面展示

发布于 2022-09-02 10:02:58 字数 1094 浏览 16 评论 0

1.页面使用了sui-mobile这个框架,其中的页面路由部分会使用ajax加载页面。虽然每次都能加载到下一个页面,但是会出现加载到的页面中的js不去执行的情况。

2.页面打包使用了webpack,现在出现的情况是打包的时候会把所有引用的代码都打包到一个js文件当中。我想要的是每个页面都能引入自己页面的js代码,然后能把每个页面相同的引用给合并成一个文件。现在的webpack.config:

var path = require('path');
var webpack = require('webpack')

module.exports = {
  entry:{
     index:'page/index/index.js'
  },
  output: {
    path:  path.normalize(__dirname+ "/public/html5/build/"),
    filename: '[name].bundle.js',
    publicPath: '/build/'
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel',
        query: {
          presets: ['react', 'es2015']
        }
      },
      {test: /\.css$/, loader: 'style!css'}
    ]
  },
  resolve : {
     root : [path.normalize(__dirname+'/public/html5/src/')],
     alias: {},
     extensions: ['', '.js', '.css', '.scss', '.ejs', '.png', '.jpg']
  },
  plugins: [
    new webpack.BannerPlugin('This file is created by douban')
  ]
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文