• 1-3.Webpack对脚本的处理


    Webpack对脚本js的处理:

      在webpack.config.js里面这么配置:

      var config = {

          entry: {

              'index' : ['./src/page/index/index.js'],

              'login' : ['./src/page/login/index.js']

          },

          output: {              //出口文件

              path: './dist',

              filename: 'js/[name].js'

          }

      }

       module.exports = config;

      然后在命令台执行 webpack 就会把打包好的js脚本文件生成disk文件里面(每次执行webpack命令时,之前打包好的文件不会被删除,自己手动删除disk文件夹,重新执行webpack命令即可)

     

    Jquery的引入使用:

    方法一:

    npm install jquery --save   

    问题1、这种方式在每个要用到jquery的文件里面 都得以变量的形式加载jquery :var $ = require(‘jquery’;

             问题2、有的插件依赖的是全局的jquery对象,以变量形式加载的jquery是没法使用的

    方法二:

    index.html页面加载jquery

    如果方法二的方法需要用模块化的方式来引入jquery:

    引用:

     直接在后面js的页面用即可;

    Webpack通用模块的配置:

      每一次require(‘模块’)有点麻烦

      所以我们在webpack.config.js里面plugins项配置:

      webpack.config.js头部需要引入 var webpack = require('webpack');

      把公共模块js都打包到 dist/js/base.js 里面

      

     

  • 相关阅读:
    浏览器的宽、高度
    表格 强制换行
    post请求
    js验证正则
    js去除空格
    表格事件,表格删除行
    AJAX初始化combox 并取值
    组脚视图
    Git 常用命令
    NSPredicate 根据谓语动词 进行 模糊查询
  • 原文地址:https://www.cnblogs.com/warbj/p/8297748.html
Copyright © 2020-2023  润新知