webpack实践笔记

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'
        }),