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'
}),
上一篇:windows下如何解决chrome浏览器左下角总提示'Downloading proxy script'的问题


下一篇:linux服务搭建----ftp与ftp yum源搭建