-
新建一个world.js的文件，然后让hello.js来引用查看全部
-
webpack打包后的文件查看全部
-
我们会看到hash值，webpack的版本号，打包的时间， Asset是指这次打包生成的文件，Size是指文件的大小，Chunks是指这次打包的方块，Chunk name是指这次打包的块名称查看全部
-
在命令行输入去打包这个hello.js文件 webpack hello.js hello.bundle.js 后面的hello.bundle.js是打包之后的文件名称查看全部
-
安装之后再当前文件夹下新建一个文件,hello.js查看全部
-
在命令行安装 mkdir webpack-test //创建一个文件夹 cd webpack-test //进入这个文件夹 一直回车初始化 然后使用npm在命令行安装webpack npm install webpack --save-dev查看全部
-
在命令行安装 mkdir webpack-test //创建一个文件夹 cd webpack-test //进入这个文件夹查看全部
-
webpack官网: webpack.github.io/docs/what-is-webpack.html查看全部
-
webpack官网: https://github.com/webpack/webpack查看全部
-
webpack在packages。json设置查看全部
-
entry:{ main: '', a: '' }查看全部
-
entry: ['','']查看全部
-
entry: '', output{ }查看全部
-
一、安装style-loader和css-loader 终端目标文件输入：npm i style-loader css-loader --save-dev 二、webpack可以将任何资源视为一个模块。 三、这里将css引用进来， 1、app.js:用的是es6的import语法 2、webpack.config.js: module的loaders 四、postcss-loader 对css进行浏览器兼容性考虑时，可以用到这个loader 1、安装postcss-loader 终端目标文件输入：npm install postcss-loader --save-dev 2、是一个后处理器。 3、可以加浏览器的前缀 （1）安装autoprefixer 终端目标文件输入：npm install autoprefixer --save-dev 4、loader处理方式是从右到左，即从数组的最后一项往前 5、webpack.config.js中， 视频中的配置现在的postcss已经不支持了，我的配置是 { test: /\.css$/, loaders: [ "style-loader", "css-loader?importLoaders=1", //这里是为了把css里的@import先执行第一个loader { loader: "postcss-loader”, options: { plugins: (loader)=>[ require('autoprefixer')({ broswers:['last 5 versions'] }) ] }, } ], }查看全部
-
exclude:path.resole(_dirname,"src");解析src这个目录查看全部
举报
0/150
提交
取消