首页 > Web开发 > 详细

webpack实践笔记

时间:2019-04-20 17:52:11      阅读:128      评论:0      收藏:0      [点我收藏+]

1)cross-env

能跨平台地设置及使用环境变量

大多数情况下,在windows平台下使用类似于: NODE_ENV=production的命令行指令会卡住,windows平台与POSIX在使用命令行时有许多区别(例如在POSIX,使用$ENV_VAR,在windows,使用%ENV_VAR%。。。)

cross-env让这一切变得简单,不同平台使用唯一指令,无需担心跨平台问题

npm安装方式

npm i --save-dev cross-env

在npm脚本(多是package.json)里这么配置

{
  "scripts": {
    "build": "cross-env NODE_ENV=production webpack --config build/webpack.config.js"
  }
}

2)webpack使用bootstrap

首先安装

cnpm install jquery --save-dev
cnpm install bootstrap@3.30 --save-dev

然后引入

//使用bootstrap
import "jquery";
import bootstrap/dist/css/bootstrap.min.css
import bootstrap/dist/js/bootstrap.min.js

 

使用bootstrap需要依赖jquery,除非你只用它的css,那么这里可以不需要引入

这里直接引入jquery会报错,就算jquery在bootstrap.js前面引入也会报错,这里需要设置webpack的配置里添加插件

 new webpack.ProvidePlugin({
            $: ‘jquery‘,
            jQuery: ‘jquery‘,
            ‘window.jQuery‘: ‘jquery‘,
            // moment: ‘moment‘
        }),

 

webpack实践笔记

原文:https://www.cnblogs.com/llcMite/p/10633788.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!